javascript - 如何解决 TypeError : Cannot convert undefined or null to object at Function. 键(<anonymous>)

Question

我正在尝试隐藏该字段。当用户点击 glyphicon-eye-open 时，我将显示 glyphicon-eye-close 并将条件视为 true。如果条件为真，那么我将该值插入数组中。

我正在使用以下功能，我有两个 Angular 色 Actor 和歌手。 两者都是具有相同型号名称的相似字段。我根据 Angular 色显示值(value)观。

我能够将值插入 Actor 的数组中。但如果对歌手尝试相同的操作，则会显示以下错误。

即使我尝试使用不同的型号名称，但仍然遇到相同的错误。

 TypeError: Cannot convert undefined or null to object
        at Function.keys (<anonymous>)
        at $$childScopeClass.ManageProfileController.$scope.pushrolefield (manageprofile.controller.js:214)
        at angular.js:10773
        at angular.js:18981
        at $$childScopeClass.$eval (angular.js:12608)
        at $$childScopeClass.$apply (angular.js:12706)
        at HTMLLabelElement.<anonymous> (angular.js:18980)
        at HTMLLabelElement.dispatch (jquery-2.0.3.min.js:5)
        at HTMLLabelElement.y.handle (jquery-2.0.3.min.js:5)

我的html:

<div class="wrap">
<div class="panel-body newPanelBody" ng-if="displaySingerInfo && !displayActorInfo">
 <div class="newWrap">
            <label for="qual"  class="first-heading">About You*<span class="styleatr">not more than 160 Characters</span></label> 
            <textarea rows="4" cols="10" id="qual" class="textarea1" placeholder="say something about you " ng-model="model.aboutyou">
            </textarea> 

        </div>
                 <label ng-class="{'glyphicon glyphicon-eye-close': allowrole.saboutyou, 'glyphicon glyphicon-eye-open': !allowrole.saboutyou}" ng-click="pushrolefield(allowrole.saboutyou = allowrole.saboutyou?false:true)"><input class="eyecheck1" type="checkbox" ng-model="allowrole.saboutyou" ng-hide="allowrole.saboutyou || !allowrole.saboutyou"/></label>             
                            </div>
</div>

<div class="panel-body newPanelBody" ng-if="displayActorInfo && !displaySingerInfo">
 <div class="newWrap">
            <label for="qual"  class="first-heading">About You*<span class="styleatr">not more than 160 Characters</span></label> 
            <textarea rows="4" cols="10" id="qual" class="textarea1" placeholder="say something about you " ng-model="model.aboutyou">
            </textarea> 

        </div>
                 <label ng-class="{'glyphicon glyphicon-eye-close': allowrole.saboutyou, 'glyphicon glyphicon-eye-open': !allowrole.saboutyou}" ng-click="pushrolefield(allowrole.saboutyou = allowrole.saboutyou?false:true)"><input class="eyecheck1" type="checkbox" ng-model="allowrole.saboutyou" ng-hide="allowrole.saboutyou || !allowrole.saboutyou"/></label>             
                            </div>
</div>
</div>

我的 Controller :

$scope.rolehide = {
        aboutyou: 'aboutyou',
        saboutyou: 'saboutyou
    };

    $scope.allowrole = {
        aboutyou: false,
        saboutyou: false
    };

    $scope.rolehiddenfields = [];

    $scope.pushrolefield = function(allow){
        debugger;
        console.log(allow);
        $scope.rolehiddenfields = [];
        var users = {}, 
            allows = $scope.allowrole;
      Object.keys(allows).forEach(function(key){
        allows[key] ? users[key] = $scope.rolehide[key] : null;
      });
      $scope.rolehiddenfields.push(users);
    }; 

Answer 1

在 JS 文件末尾附近，您使用单行 if 条件，并带有 null。将 null 替换为空对象或空数组。