Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 使用相同的控制器两次使用不同的数据大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下设置:

<h2>Current Items</h2>
<table ng-controller="ItemsController">
    <tr ng-repeat="item in items">
        <td>{{item.iD}}</td>
    </tr>
</table>

<h2>Past Items</h2>
<table ng-controller="ItemsController">
    <tr ng-repeat="item in items">
        <td>{{item.iD}}</td>
    </tr>
</table>

<script>
    var app = angular.module('app');

    app.factory('Items',['$resource',function ($resourcE) {
        return $resource('/api/items/:id/',{id: '@id'});
    }]);

    app.controller("ItemsController",function($scope,Items) {
        $scope.items = Items.query({type: 'current'});
    });
</script>

我无法理解如何重用html表和控制器,但为类型传递不同的值,因此Items服务为这两个表返回不同的结果.

我知道我可以创建两个控制器并从BaseItemsController继承,但它看起来不对我.有更好的想法吗?

谢谢!

解决方法

根据您的示例场景,我的建议是您需要使用一个控制器并过滤项目类型:Current |过去你的中继器.像这样:

<div ng-controller="ItemsController">
<h2>Current Items</h2>
<table >
    <tr ng-repeat="item in items | filter: /*CURRENT items*/">
        <td>{{item.iD}}</td>
    </tr>
</table>

<h2>Past Items</h2>
<table >
    <tr ng-repeat="item in items | filter: /*PAST items*/">
        <td>{{item.iD}}</td>
    </tr>
</table>
</div>

这是一套单品.

或者您可以在控制器中拥有两组项目

$scope.pastItems = [];
$scope.currentItems=[];

更新1:

如果您在不同页面中使用控制器,则可以设置路由,并使用$routeparams传递不同的初始化.

大佬总结

以上是大佬教程为你收集整理的angularjs – 使用相同的控制器两次使用不同的数据全部内容,希望文章能够帮你解决angularjs – 使用相同的控制器两次使用不同的数据所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。