Javascript AngularJS:tune ng模型与ng repeat一起工作
我有以下代码:Javascript AngularJS:tune ng模型与ng repeat一起工作,javascript,angularjs,ng-options,angularjs-ng-options,Javascript,Angularjs,Ng Options,Angularjs Ng Options,我有以下代码: <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"&
<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>
Баааааааааа
{{i.date}
名称:{{i.Name}
对不起,我有个问题。这很简单,我希望我的表根据所选日期显示数据。请帮我弄清楚。
ng型号
应该在选择
而不是选项
标签上。由于ng型号
仅对输入
,文本区域
,从框中选择
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>
要显示迄今为止所选的信息,您可以使用selectedInfo
变量,无需循环查看info
集合的每个元素。您可以直接执行{(info | filter:{date:selectedInfo:true})[0].Name}}
(我不喜欢这种方法)
由于您对在
ng模型
中包含整个元素非常感兴趣,ng选项
可以轻松实现(正如我前面所说的,它是首选)。在ng选项的情况下,您可以执行{{selectedInfo.Name}
ng模型
应该在select
上,而不是选项
标签上。由于ng型号
仅对输入
,文本区域
,从框中选择
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>
要显示迄今为止所选的信息,您可以使用selectedInfo
变量,无需循环查看info
集合的每个元素。您可以直接执行{(info | filter:{date:selectedInfo:true})[0].Name}}
(我不喜欢这种方法)
由于您对在
ng模型
中包含整个元素非常感兴趣,ng选项
可以轻松实现(正如我前面所说的,它是首选)。在ng选项的情况下,您可以执行{{selectedInfo.Name}}
同样,在使用选择框时,您应该使用ng选项
,而不是ng重复
。@Claies我将在我的回答中添加这一点,谢谢提醒兄弟,干杯:-),在使用选择框时,应尽可能使用ng选项
而不是ng repeat
。@Claies我也将在我的回答中添加这一点,谢谢提醒兄弟,干杯:-)