AngularJS：與NG-重複一起調NG-模型工作

Question

我有以下代碼：

<h3>Дата наведвання:</h3> 
<select class="form-control" size=info.size()> 
    <option ng-model="i.isSelected" ng-repeat="i in info" value="{{i.date}}">{{i.date}}</option> 
</select> 
<div class="container"> 
    <table class="table"> 
     <tr> 
      <td ng-repeat="i in info"><p ng-if="i.isSelected">Name: {{i.name}}</p></td> 
     </tr> 
    </table> 
</div> 

對不起，轉儲的問題。這很簡單，我希望我的表根據選定的日期顯示數據。請幫我弄清楚。

Answer 1

ng-model應該在那裏select不在option標記。由於ng-model只能在input，textarea,select開箱即用。

Markrup

<h3>Дата наведвання:</h3> 
<select class="form-control" size="info.size()" ng-model="selectedInfo"> 
    <option ng-repeat="i in info" value="{{i.date}}">{{i.date}}</option> 
</select> 

凡 ng-model="selectedInfo"將使在你選擇雙向綁定，&選擇的值將可裏面 selectedInfo $範圍變量。

---

的最優選的方式通過使用ng-options

<h3>Дата наведвання:</h3> 
<select class="form-control" size="info.size()" 
    ng-model="selectedInfo" 
    ng-options="i as i.date for i in info"> 
</select> 

用於顯示選擇日期，你可以使用 selectedInfo變量來處理，選擇帶有選項，你並不需要遍歷每個元素您的 info集合。你可以直接做 {{(info | filter: {date: selectedInfo: true })[0].Name}}（我不喜歡這種方法）。

正如你很有興趣採取ng-model內的整個元素，ng-options可以很容易地實現（正如我前面所說的首選）。在ng選項的情況下，你可以做{{selectedInfo.Name}}