1

在实现 AngularJS 选择的指令时出现以下错误。

错误：TypeError：a.map 不是 nh.q.writeValue (angularjslatest.js:307) 处 Object.e.$render (angularjslatest.js:328) 处 angularjslatest.js:310 处 angularjslatest.js:146 处的函数在 m.$digest (angularjslatest.js:147) 在 m.$apply (angularjslatest.js:150) 在 l (angularjslatest.js:102) 在 XMLHttpRequest.s.onload (angularjslatest.js:108)

我在下面解释我的代码：

<select chosen 
        multiple 
        class="form-control oditek-form" 
        name="category" 
        id="category" 
        ng-model="category" 
        ng-options="s.value as s.name for s in listOfCategory">
</select>

我的控制器代码如下。

$scope.listOfCategory = [{
  name: 'Select Category',
  value: ''
}];

$scope.category = $scope.listOfCategory[0];

var fileURL = '';
var url1 = '../service/admin/vechile/service/service.php?action=getAllCategoryData';
var method = 'GET';
var data1 = '';

DataService.connectToServerSideScript(method, url1, data1).then(function(response) {
  if (response.length > 0) {
    angular.forEach(response, function(obj) {
      var cdata = {
        'name': obj.category_name,
        'value': obj.id
      };
      $scope.listOfCategory.push(cdata);
    })
  }
}, function(error) {

});

在这里，我正在获取所有数据，但这些错误出现在浏览器控制台中。在这里，我需要清除这些错误。

4

2 回答 2

1

您需要将所选模型设置为数组：

$scope.category = angular.isDefined($scope.listOfCategory[0]) ? 
                      [$scope.listOfCategory[0]] : [];

请注意，这还修复了以下错误消息：

错误：TypeError：a.forEach 不是函数

于 2018-02-16T13:39:10.933 回答
0

我面临着与“选择多项选择”相关的同一种问题，该问题出现了 3 次相同的错误。错误日志如下所示。该解决方案可能对其他人有所帮助。

TypeError: a.map is not a function 
at mh.q.writeValue (angular.js:30513) 
at e.$render (angular.js:33327) 
at Object.c.$render (angular-chosen.min.js:7) 
at angular.js:29306 
at m.$digest (angular.js:18253) 
at b.$apply (angular.js:18531) 
at HTMLButtonElement. (angular.js:27346) 
at HTMLButtonElement.dispatch (jquery.min.js:3) 
at HTMLButtonElement.q.handle (jquery.min.js:3)

为了绕过这个问题，我维护了 2 个变量，一个用于模型变量，另一个用于保存变量。例如

在控制器中，

$scope.x = {
   draftVar: []
};

$scope.save = function(){
   $scope.x.savingVar = $scope.x.draftVar.join(',');
   save();

}

<select ng-model="x.draftVar" chosen multiple chosen-updater ng-options="xx.id as xx.name for xx in XXs"> 
    <option value=""></option>
</select>
于 2018-04-12T08:23:08.530 回答