首页 > 状态切换效果,有后台支持

状态切换效果,有后台支持

临时改变显示的图标和状态,等到后台接口刷新出来之后再按照返回的状态值(0、1)显示对应的状态怎么做啊?

我之前的代码是这样的,点击锁定用户,闪了一下显示的还是已激活;点击激活用户,闪了一下显示的还是已冻结,并且图标也没变,求angularJs大神们解决一下啊

            <td>
                <span ng-if="list.isLock == '0' || vm.isLock=='0'">已激活</span>
                <span ng-if="list.isLock == '1' || vm.isLock=='1'">已冻结</span>
            </td>
            <td>
                <div title="查看详情" class="btn-layfolk" ng-click="vm.userDetail(list);"><i class="fa fa-eye fa-fonts"></i></div>
                <div title="修改密码" class="btn-layfolk" ng-click="vm.messageClick(list.id);"><i class="fa fa-pencil-square-o fa-fonts"></i></div>
                <div title="锁定用户" class="btn-layfolk" ng-if="list.isLock == '0'" ng-click="vm.lockFn(list.id);vm.isLock='1'"><i class="fa fa-unlock-alt fa-fonts"></i></div>
                <div title="激活用户" class="btn-layfolk" ng-if="list.isLock == '1'" ng-click="vm.activate(list.id);vm.isLock='0'"><i class="fa fa-lock fa-fonts"></i></div>
            </td>

参考
https://.com/q/1010000003026848


把vm.isLock='1'拿到controller的lockFn方法中去。另外你得有个样式根据isLock的变化而变化。查下ng-class的用法,根据isLock的不同状态来显示不同的样式。


代码看起来有些怪。应该把页面和一个controller绑定,ng-click调用controller中的方法,而不是在ng-click中执行多条语句。

【热门文章】
【热门文章】