javascript - 强制 ng-disabled 和 ng-show 重新评估自定义函数

Question

我想用我的自定义 js 函数“isValid”验证表单。我做了这样的事情:

<input id="pricecondition" name="pricecondition" ng-model="user.pricecondition" ng-focus="user.pricecondition=''" required />

<button ng-click="submit()" ng-disabled="form.$invalid && user.isValid">submit</button>

但似乎 View ng-disabled 只调用了一次 user.isValid。

这是我的 Controller 的js代码:

$scope.user = {
    [...],
    lenght: "",
    pricecondition: "",
    isValid : function()
    {
        return false;
    }
};

因此，当属性长度或价格条件更改值时，将触发函数 isValid，但按钮似乎不会重新评估 user.isValid。按钮已启用，显然函数 isValid 返回 false。

如何强制 ng-disabled 或 ng-show 再次调用 isVlaid()？

问候

Answer 1

你的评论有另一个问题，抱歉我一开始没注意到...使用表单名称而不是标签名称来禁用按钮...

<form name="myform" novalidate >
    // your html
    <button ng-disabled="myform.$invalid">submit</button>
</form>

或者如果你在表单中有表单，那么使用 ng-form

<form name="parentForm">
    <div ng-form="myform1">
        // your html
        <button ng-disabled="myform1.$invalid">submit1</button>
    </div>
    <div ng-form="myform2">
        // your html
        <button ng-disabled="myform2.$invalid">submit2</button>
    </div>
</form>