我正在尝试使用修复按钮值搜索数据,比如当我点击veg按钮时,我只想查看类别数据。现在我的代码就像。 实际上,我是Angular js代码的新学习者。如何通过AngularJS按钮点击按钮值来过滤数据?
First my button code:<butto id="veg" ng-click="myFilter = {type: 1}" title="veg">
My data display code:<div class="side-body padding-top fade in tab-pane" id="<?php echo $tt3->id; ?>">
<div class="row">
<div ng-if='r.pro_category == <?php echo $tt3->id; ?>' ng-repeat = "r in groups | filter : searchGroups | filter:myFilter">
<div>
<div class="thumbnail">
<div><img src="../@{{r.image }}" alt="" /></div>
<div class="caption" style="padding-top:0px;">
<div>@{{r.pro_name }}</div>
<div>@{{r.price}}</div>
</div>
</div>
</div>
</div>
My script code: <script>
var GroupsApp = angular.module('GroupsApp',[]);
GroupsApp.controller('GroupsController', function ($scope, GroupsService)
{
getGroups();
function getGroups() {
GroupsService.getGroups()
.success(function (grps) {
$scope.groups = grps;
return (val.type != 2);
console.log($scope.groups);
})
.error(function (error) {
$scope.status = 'Unable to load Product data: ' + error.message;
console.log($scope.status);
});
}
});
var url = window.location.pathname;
var productid = url.substring(url.lastIndexOf('/') + 1);
GroupsApp.factory('GroupsService', ['$http', function ($http) {
var GroupsService = {};
GroupsService.getGroups = function() {
return $http.get('../showproduct/'+productid);
};
return GroupsService;
}]);
var url = window.location.pathname;
var productid = url.substring(url.lastIndexOf('/') + 1);
GroupsApp.factory('GroupsService', ['$http', function ($http) {
var GroupsService = {};
GroupsService.getGroups = function() {
return $http.get('../showproduct/'+productid);
};
return GroupsService;
}]);
</script>
请帮助如何使用按钮点击搜索数据。
请只** **有关HTML,删除不必要的类更好的可读性 – devqon
@devqon我尝试我的代码排序尽可能我可以。 – solanki