角度選択にはそのモデルが反映されていません

Question

私にとっては奇妙な動作です。私はAngularにはかなり新しいですし、おそらく私は何か間違っています。

これは私のシナリオです：

HTML：

<div ng-controller="ExampleController"> 
    <label>Color: 
    <select ng-model="myColor" ng-options="color.name for color in colors"> 
    <option value="">-- choose color --</option> 
    </select> 
    </label> 
<div> 
<button ng-click="myColor = { name:'not in list', shade: 'other' }">clear</button> 
</div> 
</div> 

JS：

angular.module('selectExample', []) 
    .controller('ExampleController', ['$scope', function($scope) { 
    $scope.colors = [ 
     {name:'black', shade:'dark'}, 
     {name:'white', shade:'light'}, 
     {name:'red', shade:'dark'}, 
     {name:'blue', shade:'dark'}, 
     {name:'yellow', shade:'light'} 
    ]; 
    $scope.myColor = $scope.colors[2]; 
    }]); 

、ここではフィドルです：

https://jsfiddle.net/t18uggqt/

は、誰かが私を助け、（使用可能な唯一の最初の選択肢があります）を選択し、モデルを反映していない理由を理解することは

感謝をしてくださいすることができます！あなたのjsfiddleで

Answer 1

は、あなたがng-app="selectExample"

を含め、あなたがjsFiddleを使用する場合、本体/頭の中angularJsを呼び出していません。私はそれがあなたの役に立てば幸いhttps://jsfiddle.net/varit05/t18uggqt/4/

：

更新フィドルを見つけてください。

乾杯：