我有两个对象。 //首先是项目
{
catId : [1, 2, 3],
name : "My name is George"
},
{
catId : 1,
name : "My name is Bob"
},
{
catId : 2,
name : "My name is Trump"
}
对于catId json
{
Id : 1,
name : "Hi"
},
{
Id : 3,
name : "world"
}
我希望当用户在 ng-repeat 之后单击类别 json 并在使用类别.Id 过滤我的项目对象后获取类别 id。
最佳答案
尝试这样
// Code goes here
var app = angular.module('app', []);
app.controller('myController', function($scope){
$scope.items = [
{
Name: "My name is George",
catId: [ 1, 3, 7 ]
},
{
Name: "My name is Bob",
catId: 1
},
{
Name: "My name is Trump",
catId: 2
}];
$scope.cats = [
{
Name: "Hello",
Id: 1
},
{
Name: "World",
Id: 3
}];
$scope.setCatFilter = function(id){
$scope.catFilter = id;
}
})
/* Styles go here */
span {
width: 20px;
display: inline-block;
cursor: pointer;
padding: 5px;
text-align: center;
margin-right: 5px;
background: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="myController">
<div>Filter items</div>
<span ng-repeat="cat in cats" ng-click="setCatFilter(cat.Id)">{{cat.Id}}</span>
<div>Category</div>
<input type="text" ng-model = "serachName">
<div ng-repeat="item in items | filter:{catId:catFilter,Name:serachName}">
{{item.Name}}
</div>
</div>
关于javascript - 在 ng-click 上使用数组过滤多个 Angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41790199/