我有一个非常基本的数组
[
{
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>
但是如何在代码中的其他位置使用所选工单中的数据
喜欢
<tr>
<th>Name</th>
<td>{{???}}</td>
</tr>
Controller
$http.get(ticketAPIBaseUrl + '/tickets/' + customerNumber,
{withCredentials: false}).then(response => {
console.log(response);
vm.tickets = response.data;
}, error => {
console.log(error);
});
最佳答案
您可以像这样使用该过滤器
:
HTML:
<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>
JS:
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;
};
})
关于javascript - 数组与单个对象 - AngularJS/Javascript(基础),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53598117/