Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 根据控制器中的变量显示或隐藏元素 – 离子大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
据我所知,这可能更像是一个AngularJS问题,而不是一个特定的Ionic问题.我的一个观点中有一个按钮:

<button class="button button-clear button-block button-positive" ui-sref="register">
    Register
 </button>

在我的控制器中,我有这个变量,我从本地存储得到的是真或假,必须隐藏,具体取决于值:

app.controller('loginController',['$scope','$localstorage',function($scope,$localstoragE) {

  // check if the user has already requested a register,and if true,hide
  // the 'Register' button
  if ($localstorage.get("registrationrequested",falsE) === truE) {
    // How do I do this?
  }

}]);

现在第一个问题可能是,从控制器那里操纵dom是一种最佳实践吗?如果没有,我在哪里以及如何做到这一点?如果它在我的控制器中做得很好,那我该如何引用该按钮并隐藏它?

解决方法

在按钮标记添加ng-hide指令:

<button ng-hide=registered class="button button-clear button-block button-positive" ui-sref="register">
    Register
</button>

在您的JS文件中,将$scope中的此值声明为false并将其设置为true以隐藏按钮:

app.controller('loginController',$localstoragE) {
        $scope.registered = false;

        // check if the user has already requested a register,hide
        // the 'Register' button
        if ($localstorage.get("registrationrequested",falsE) === truE) {
            $scope.registered = true;
        }
    }
]);

大佬总结

以上是大佬教程为你收集整理的angularjs – 根据控制器中的变量显示或隐藏元素 – 离子全部内容,希望文章能够帮你解决angularjs – 根据控制器中的变量显示或隐藏元素 – 离子所遇到的程序开发问题。

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

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