javascript - Pristine 不检测表单内的表单(指令)

Question

我有一个带有一些输入的表单，然后是一个打开指令的按钮，一个模式弹出窗口，其中有另一个表单。原始状态不会检测指令中的更改。怎么解决这个问题？

 <form name="createFeeForm"
        <input....
        <input....
        {{show the data from the something-popover}}
        <something-popover....</something-popover>
        <button ng-disabled="createFeeForm.$pristine">SAVE & CLOSE</button>
 </form>

指令 template.html

<form name="somethingForm">
      <input...
      <input...
      <button ng-disabled="somethingForm.$pristine">SAVE & CLOSE</button>
</form> 

父级 pristine 将检测输入标记上的所有输入更改，指令除外

Answer 1

我遇到了类似的情况，当它是另一个表单中的表单时，我无法触发任何类型的表单行为(我没有使用指令，它直接在同一个文件上)。

我正在使用这样的东西:

表单在 href 上触发模态 id(在我的例子中，我需要传递一个 Id，所以我使用了一个函数):

<a data-toggle="modal" ng-click="passId(id)" href="#modalDirective">Open Modal</a>

然后，在表单之外添加指令(通常我在页面末尾执行此操作):

</form>
<something-popover....</something-popover>

当页面呈现时，Angular 将加载模板并且模式将可访问，并且 yopu 将有两个可以处理的独立表单。

希望对你有帮助!