跨多个选项卡的角度形式,单个$ pristine / $ dirty

时间:2014-01-23 10:27:39

标签: javascript angularjs tabs

我有read并且理解使用表单$ pristine / $ dirty属性来检测表单数据的更改。

然而,在尝试保持我的UI友好时,我已经在多个标签上分割了我的各种数据字段(我正在使用angular-bootstrap)。据我所知,我必须创建一个单独的 每个标签的'form'元素,并使用控制器测试所有标签'$ pristine状态,以确定整体的原始状态(是一个单词?)。

即。

<tab>
   <form name="a">...</form>
</tab>
<tab>
   <form name="b">...</form>
</tab>

这意味着我必须测试一个。$ pristine&amp;&amp; b。$ pristine以确定整体的原始度。当涉及许多标签时,这就变得费力了。

我试过了

<form name="allForm">
   <tab>..</tab>
   <tab>..</tab>
   <tab>..</tab>
</form>

但这不起作用。我猜这个元素打破了形式的“统一”。

关于如何为多标签标签集获得单个$ pristine(或$ dirty)propoerty的任何想法?

1 个答案:

答案 0 :(得分:0)

它似乎对我有用:http://jsfiddle.net/QqBYR/

与您的更改(除非是拼写错误)是<form>实际包装 整个 <tabset>

<form name="theForm">
    <tabset>
        <tab>
            <input ng-model="..." />
        </tab>
        ...
    </tabset>
</form>