使用ng-change的HTML选择不起作用

时间:2015-08-03 10:52:04

标签: javascript angularjs

有以下控制器代码:

  $scope.types = ['First', 'Second', 'Third']
  $scope.type = $scope.types[0]

  $scope.changeType = function() {
    console.log($scope.type)
  }

HTML code:

<select class="form-control" id="type" name="type" ng-change="changeType()" ng-model="type" ng-options="type for type in types" />

我看到选择,一切都很好,但是当我尝试在选择中更改值时,我会看到&#39; First&#39;在控制台总是。有什么麻烦?我该如何解决?感谢。

2 个答案:

答案 0 :(得分:3)

问题是ng-model名称与ng-options冲突

ng-model="type" ng-options="type for type in types"

为ng-model使用其他东西,可能类似

ng-model="selectType" ng-options="type for type in types"

答案 1 :(得分:0)

您的型号名称与ng-option中的所选类型相同,因此会产生问题

更改

ng-options="type for type in types"

 ng-options="item for item in types"

http://plnkr.co/edit/p6pSivqHFcW7XLXfbg9o?p=preview