javascript - 用条件改变ng-show的值,动态控制显示隐藏

查看:123
本文介绍了javascript - 用条件改变ng-show的值,动态控制显示隐藏的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

//动态控制隐藏显示的区域
<ng-include ng-model="loginbox" ng-show="loginbox.show" src="'../templates/login.tpl.html'"></ng-include>

//按钮
<a ng-click="SignIn()" class="good">123</a>

//控制
$scope.loginbox = '';
$scope.SignIn = function (){                    
    if(_token == false){
        alert('未登录,请登录')
        loginbox.show = true;
    }else{
        alert('已登录,下一步')
    }                    
};

点击按钮判断_token如果是false,就让ng_includ的内容显示出来。怎么写?

解决方案

你把$scope理解为视图和控制器之间的桥梁,你的loginbox.show = true;并没有和视图连接,所以这条语句其实是失效状态,并不会影响视图上的变量。加上$scope就行了。 $scope.loginbox.show = true;

这篇关于javascript - 用条件改变ng-show的值,动态控制显示隐藏的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆