angularjs – 根据控制器中的变量显示或隐藏元素 – 离子

发布时间：2020-12-17 17:04:20 所属栏目：安全来源：网络整理

导读：据我所知,这可能更像是一个AngularJS问题,而不是一个特定的Ionic问题.我的一个观点中有一个按钮： button class="button button-clear button-block button-positive" ui-sref="register" Register /button 在我的控制器中,我有这个变量,我从本地存储得到的

据我所知,这可能更像是一个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;
        }
    }
]);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!