Question

是否有办法在验证表单时禁用/启用离子导航按钮？

正如我所见，他们没有看到对方，因为我尝试了 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，但我也不能得到它。

任何帮助或消息？

An CodePen example

Answer 1

最终修改：

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

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

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

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

Answer 2

试试此代码

<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>

表单生效时更改ion-nav-button

2 个答案: