javascript - Angular Chosen - a.forEach 不是一个函数

Question

使用 Angular Chosen 允许对国籍进行多选下拉菜单。 https://github.com/localytics/angular-chosen

我收到错误

“a.forEach 不是函数”

无论您选择了一个、两个还是零个选项，都会发生此错误。

我看过这篇文章

Getting a a.foreach is not a function error

但是我选择的值已经是一个数组，因此它对这个问题没有提供任何帮助。

这是我的 html

<li class="form-row">
                <span class="label">
                    <label for="nation">Nationality</label>:
                </span>
                <div class="field country">
                    <select 
                    chosen
                    multiple
                    ng-model='person.nation'
                    ng-options='c.name as c.name for c in countries'
                    id="nation" 
                    data-select-max="2" 
                    data-token="Nationalities" 
                    data-placeholder="- Select your nationalities -">
                    </select>
                </div>
            </li>

我的选项($scope.countries)看起来像

[ 
  { id="1",  name="United States"}, 
  { id="2185",  name="Afghanistan"},
  etc....
 ]

如有任何建议，我们将不胜感激。

Answer 1

数组对象的属性应按如下方式分配:id:"1", name:"United States"，而不是 id="1"。将等号 (=) 替换为冒号 (:)。

您还应该按以下方式使用 forEach 函数:

angular.forEach($scope.countries, function(key, value){
// your code here
 });

而不是作为数组的函数:$scope.countries.forEach(...)