通过id进行Angularjs ng-repeat过滤
嗨,我在mysql中有2个表,我用php(mysqli)调用数据,所以我把这些数据放在javascript var中,带有$scope.student= ;
和$scope.ratings= ;
2个表有一个密钥ID(ID_studen)
第一个表只有个人数据,第二个表有数据,所以我需要过滤并在这里通过评级显示所有细节代码:
- {{rating.note}}
检查jsfiddle.net
您可以使用$ filter,请参阅下面的演示
app = angular.module("app", []); app.controller("Ctrl", Ctrl); function Ctrl($scope) { $scope.students = [{ firstname: 'Buster', lastname: 'Bluth', tagid: '4134' }, { firstname: 'John', lastname: 'McClane', tagid: '9845' }, { firstname: 'Mister', lastname: 'Spock', tagid: '0905' }]; $scope.ratings = [{ matter: 'Mathematics', note: '12', tagid: '4134' }, { matter: 'Biology', note: '13', tagid: '9845' }, { matter: 'Lenguage:', note: '14', tagid: '0905' }]; }
- {{student.firstname}} {{student.lastname}} | {{rating.matter}} {{rating.tagid}}
- {{rating.note}}
以下是对属性进行内联过滤的实际方法:
{{rating.note}}
但是请注意,预过滤结果列表会更加高效,因此在您的控制器中可以放置
$scope.filteredRatings = $scope.ratings.filter(function(r) { return r.tagid === $scope.student.tagid; });
所以你的HTML只会是:
{{rating.note}}
最后,我对php不太满意,但这听起来像是填充模型的奇怪方式。 你应该在实际的javascript文件中而不是在HTML中。
- jquery中.done的角度等价物
- 如何在指令的控制器内使用$ scope变量进行过滤
- 使用jQuery .trigger()将keydown发送到Angular指令
- 如何绑定ng-repeat中动态命名输入的数据
- Angular JS’Startswith’自定义filter
- 使用AngularJS的$ http POST请求将我的数据发布到服务器但失败并显示错误消息“Access-Control-Allow-Origin不允许”
- Javascript – 获取上个月的日期
- Angular $ http.get和jQuery $ .getJSON错误,但URL在自己的选项卡中打开正常
- 角度js中的日期格式