Angularjs 表单生效时更改导航按钮

在验证表单时，是否有方法禁用/启用ion nav按钮

正如我所看到的，他们彼此看不见，因为我尝试了ng show=“myForm.$valid”，但没有成功

<ion-nav-buttons side="primary">
    <button ng-show="myForm.$valid"  class="button button-dark" ng-click="add()">Save</button>
</ion-nav-buttons>

拯救

我试图让控制器端的表单使用布尔变量设置ng show，但我也无法实现

有什么帮助或建议吗

试试这段代码

<ion-nav-buttons side="primary">
    <button ng-hide="myForm.$invalid"  class="button button-dark" ng-click="add()">Save</button>
</ion-nav-buttons>


<form name="myForm">
    <input name="userName" type="text" ng-model="userName" required />    
</form>

拯救

最终编辑：

要从外部引用表单，请在根作用域级别为其命名：

<button ng-show="$root.myForm.$valid">Save</button>

<form name="$root.myForm"> 
</form>

保存

---

只有当整个表单有效时，才会显示该按钮。

用question@Fabio科伦比尼：你的按钮在表单里面？不，它不起作用。我已经试过了，但是再试了一次。请创建一个cod peni无法让它在codepen或plunker中与ionic一起工作。但我在上面举了一个例子，当我把你的链接中的例子放在ionic中时，它就不起作用了。我在上面举了一个例子。为什么要硬编码表单名称？您需要在函数

ng show=“anyDirtyAndInvalid（myForm）”

中传递它，即使这样做也不起作用。从你的链接中，有一个没有将表单作为参数发送的表单。对于这个表单，它工作了，但对于ion-nav按钮仍然不工作。请参阅我的编辑，我在你的代码笔上进行了测试，它工作得很好