2015-07-10 64 views
0

Angular-dart ng-options似乎不起作用。帶ng-options綁定的HTML下拉菜單不適用於角度飛鏢

<select ng-model="selectedOption" ng-options="s.DisplayText for s in myOptions"> 
     <option value="">Select Option</option> 
    </select> 
+0

你從哪裏得到這個語法? ''s在myOptions中的s.DisplayText「'這應該是什麼結果? –

+0

我們可以在angularjs中編寫這種語法。我認爲angulardart是端口angularjs,它會有ng-options綁定。 – ashokd

+0

Angular.dart不是Angular.js的一個端口。 Angular.dart是一個新的實現。您可以將Angular.dart看作Angular 2的原型。 –

回答

2
<select ng-model="selectedOptionId"> 
     <option value="">Select Option</option> 
     <option ng-repeat="o in myOptions" value="{{o.id}}"> 
        {{o.DisplayText}} 
     </option> 
</select> 

注意selectedOptionId是字符串,如果我們使用myOption(類型與ID和DisplayText屬性)爲模型,將添加新的選項有「?」在HTML中。