Angular UI状态与服务结合

在线茧

基本上我有这个控制器:

angular.controller('AddUsersCtrl', function ($scope, UsersService) {
    $scope.users = [];

    function toggleUser (user) {
        user._toggled = !user._toggled;
    }

    function addAll () 
        var users = $scope.users;

        UsersService
            .addMany(users)
            .success(function (response) {
                // ...
            })
    }
});

它是页面的控制器,用户可以一次添加多个用户,并且可以切换每个用户(基本上,切换是视图状态用来切换用户信息的UI状态)

但是如您所见,addAll函数引用范围内的用户,然后从UsersService调用“ addMany”方法。在这一点上,_toggled变量应该以某种方式被过滤掉,因为否则它也会将“ _toggled”发送到后端。

现在,一个简单的解决方案是遍历用户并删除“ _toggled”变量,但是有没有更好的方法或者我的结构是否错误?

马可斯

您可以为属性使用单独的数组,如下所示:

angular.controller('AddUsersCtrl', function ($scope, UsersService) {
    $scope.users = [];
    $scope.toggledUsers = {};

    function toggleUser (user) {
        $scope.toggledUsers[user] = !$scope.toggledUsers[user];
    }

    function addAll () 
        var users = $scope.users;

        UsersService
            .addMany(users)
            .success(function (response) {
                // ...
            })
    }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular UI状态与服务结合

来自分类Dev

Angular UI路线状态未显示

来自分类Dev

angular-ui-router:解析根状态

来自分类Dev

Angular ui.router执行多个状态

来自分类Dev

Angular UI Router:状态转换父子

来自分类Dev

Angular UI-Router默认状态问题

来自分类Dev

Angular UI-Router默认状态问题

来自分类Dev

Angular UI Router:如何保存父状态?

来自分类Dev

将angular-ui进度栏与ngClass结合

来自分类Dev

将 Angular (5.2) 路由器与 angular-ui-router (angular 1.3.19) 结合使用

来自分类Dev

使用angular-ui-router保留UI的动作/状态

来自分类Dev

Angular UI select:从远程服务获取数据

来自分类Dev

结合使用angular-ui-bootstrap单选按钮和angular-translate指令

来自分类Dev

结合 Angular 2 应用服务器和 REST 服务器模块

来自分类Dev

与UI.Mask结合的Angular UI Bootstrap日期选择器

来自分类Dev

Angular 10通过Await获得Web服务状态?

来自分类Dev

Angular 2 从服务获取 Google 身份验证状态

来自分类Dev

Angular 7 服务文件不保持可变状态

来自分类Dev

从Angular UI路由器中的数组对象创建状态

来自分类Dev

Angular ui路由器-在状态之间共享视图

来自分类Dev

同一URL上的Angular UI-router默认状态

来自分类Dev

如何使用Angular UI路由器设置默认状态

来自分类Dev

Angular UI路由器-检查父状态?

来自分类Dev

如何使用Angular UI Router解析所有状态的数据?

来自分类Dev

页面加载时未加载angular-ui-router状态

来自分类Dev

Angular UI-Router如何创建“布局”状态?

来自分类Dev

Angular ui-router:如何防止访问状态

来自分类Dev

Angular2,在更改路线之间缓存UI / Template的状态

来自分类Dev

获取Angular-UI中状态的“绝对” URL?

Related 相关文章

热门标签

归档