2015-08-03 52 views
0

有以下控制器代碼:HTML選擇與NG-變化不起作用

$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中的值,我總是在控制檯中看到'First'。有什麼麻煩?我該如何解決它?謝謝。

+0

這對我的作品 - http://jsfiddle.net/5DMjt/2179/ –

回答

0

型號名稱是一樣的,在NG選項的選擇的類型,因此它的創建問題

變化

ng-options="type for type in types" 

ng-options="item for item in types" 

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

+0

作爲選擇的型號名稱是相同的鍵入ng選項因此它創建一個問題 – Hmahwish

+0

我明白這一點,但它不適用於我.... – malcoauri

+0

它的工作在蹲點,請檢查 – Hmahwish

3

問題ng型號名稱與ng選項衝突

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

使用別的東西NG-模型,可能像

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