角度禁用按钮基于部分视图中的复选框

时间:2015-03-08 04:33:01

标签: angularjs

我有一个角度应用,我正在使用路由。在我的模板中,我有一个按钮定义如下:

<button ng-model="button" ng-disabled="!checked" class="btn btn-primary">Button</button>

在我在ui-sref中调用的局部视图中的模板中,我有以下内容:

Click me to toggle: <input type="checkbox" ng-model="checked">

所以我想知道如何根据局部视图中的复选框启用和禁用父模板中的按钮。

1 个答案:

答案 0 :(得分:1)

所以这里的问题是如何将值从子传输到父级 所以有多种方法可以实现这一目标:

在您拥有ng-model的孩子中,将已检查的变量指向父检查变量。

我的意思是用这种方式 点击我切换:<input type="checkbox" ng-model="$parent.checked"><input type="checkbox" ng-model="$parent.$parent.checked">基于层次结构。

第二个可能很容易解决,但请确保使用唯一的名称:

使用$ rootScope。请参阅$scope使视图和控制器之间具有可见性,但$rootScope的可见性或生命$rootScope对整个Angular模块有效。

希望得到这个帮助。