Javascript 带有ng更改的HTML选择不';行不通

Javascript 带有ng更改的HTML选择不';行不通,javascript,angularjs,Javascript,Angularjs,有以下控制器代码: $scope.types = ['First', 'Second', 'Third'] $scope.type = $scope.types[0] $scope.changeType = function() { console.log($scope.type) } HTML代码: <select class="form-control" id="type" name="type" ng-change="changeType()" ng-mo

有以下控制器代码:

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

  $scope.changeType = function() {
    console.log($scope.type)
  }
HTML代码:

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


我看到select,一切都很好,但是当我尝试在select中更改值时,我总是在控制台中看到First。有什么问题吗?我怎样才能修好它?谢谢。

您的型号名称与ng选项中选择的型号相同,因此会产生问题

改变

ng-options="type for type in types"


您的型号名称与ng选项中选择的型号相同,因此会产生问题

改变

ng-options="type for type in types"


您的型号名称与ng选项中选择的型号相同,因此会产生问题

改变

ng-options="type for type in types"


您的型号名称与ng选项中选择的型号相同,因此会产生问题

改变

ng-options="type for type in types"


问题在于ng型号名称与ng选项冲突

ng-model="type" ng-options="type for type in types"
为ng模型使用其他东西,可能类似于

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

问题在于ng模型名称与ng选项冲突

ng-model="type" ng-options="type for type in types"
为ng模型使用其他东西,可能类似于

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

问题在于ng模型名称与ng选项冲突

ng-model="type" ng-options="type for type in types"
为ng模型使用其他东西,可能类似于

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

问题在于ng模型名称与ng选项冲突

ng-model="type" ng-options="type for type in types"
为ng模型使用其他东西,可能类似于

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

它适用于我-它适用于我-它适用于我-它适用于我-您的模型名称与ng选项中的选定类型相同,因此它创建了一个issueYour模型名称与ng选项中的选定类型相同,因此它创建了一个issueYour模型名称与ng选项中的选定类型相同模型名称与ng选项中选定的类型相同,因此会产生问题