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将有两个可以处理的separeted表单。

希望它有所帮助！

Pristine不检测表单内的表单（指令）

1 个答案: