javascript - 状态切换效果，有后台支持

Question

临时改变显示的图标和状态，等到后台接口刷新出来之后再按照返回的状态值（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>
                <p title="查看详情" class="btn-layfolk" ng-click="vm.userDetail(list);"><i class="fa fa-eye fa-fonts"></i></p>
                <p title="修改密码" class="btn-layfolk" ng-click="vm.messageClick(list.id);"><i class="fa fa-pencil-square-o fa-fonts"></i></p>
                <p 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></p>
                <p 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></p>
            </td>

Answer 1

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

Answer 2

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

Answer 3

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