数组与单个对象-AngularJS/Javascript(基本)
我有一个非常基本的数组数组与单个对象-AngularJS/Javascript(基本),javascript,angularjs,Javascript,Angularjs,我有一个非常基本的数组 [ { ticketId: 1, name: "John", }, { ticketId: 124, name: "Ads" } ] 我在选择框中显示数据 <ul class="dropdown-menu"> <li ng-repeat="ticket in tickets"> <a href="#">{{ticket.ticketId}}</a>
[
{
ticketId: 1,
name: "John",
},
{
ticketId: 124,
name: "Ads"
}
]
我在选择框中显示数据
<ul class="dropdown-menu">
<li ng-repeat="ticket in tickets">
<a href="#">{{ticket.ticketId}}</a>
</li>
</ul>
您可以使用该
过滤器
,如下所示:
HTML:
plunker:您可以使用该
过滤器,如下所示:
HTML:
plunker:使用ng click
指令:
<ul class="dropdown-menu">
<li ng-repeat="ticket in tickets">
<a ng-click="selected=ticket">{{ticket.ticketId}}</a>
</li>
</ul>
有关更多信息,请参阅。使用ng click
指令:
<ul class="dropdown-menu">
<li ng-repeat="ticket in tickets">
<a ng-click="selected=ticket">{{ticket.ticketId}}</a>
</li>
</ul>
有关更多信息,请参见。您能解释一下您的用例吗?用户在页面的某个地方选择了一个ticketID。我想在htmlyou的另一部分展示与该选择(同一对象)相关的内容。你可以在选定的ticketid上创建一个手表,每当它发生变化时,你只需要在tickets数组中找到相应的记录。请举个例子。你能解释一下你的用例吗?用户在页面的某个地方选择了一个ticketid。我想在htmlyou的另一部分展示与该选项(相同对象)相关的内容。你可以在选定的ticketid上创建一个手表,每当它发生变化时,你只需要在tickets数组中找到相应的记录。请举个例子
<input type="number" ng-model="tick"/>
<table>
<tr ng-repeat="ticket in tickets | ticketFilter:tick">
<td>{{ticket.name}}</td>
<td>{{ticket.ticketId}}</td>
</tr>
</table>
app.filter('ticketFilter', function(){
return function(data, tick){
if (!tick) return data;
var ticketItems = [];
angular.forEach(data, function(item){
if(item.ticketId == tick) {
ticketItems.push(item);
}
});
return ticketItems;
};
})
<ul class="dropdown-menu">
<li ng-repeat="ticket in tickets">
<a ng-click="selected=ticket">{{ticket.ticketId}}</a>
</li>
</ul>
<tr>
<th>Name</th>
<td>{{selected.name}}</td>
</tr>