跨多個選項卡的角形式，單個$ pristine / $ dirty

Question

我已經閱讀並理解了使用窗體$ pristine / $ dirty屬性來檢測對窗體數據的更改。

但是，為了保持用戶界面的友好性，我將我的各種數據字段划分為多個選項卡（我正在使用angular-bootstrap ）。 據我所知，我必須為每個選項卡創建一個單獨的'form'元素，並使用一個控制器對所有選項卡的$ pristine狀態進行測試，以確定整體重要性（是一個單詞嗎？）。

即

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

這意味着我必須測試a。$ pristine和＆b。$ pristine來確定整體的命運。 當涉及許多選項卡時，這變得很麻煩。

我努力了

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

但這不起作用。 我猜該元素破壞了表單的“統一性”。

關於如何為多選項卡的選項卡集獲取單個$ pristine（或$ dirty）屬性的任何想法？

Answer 1

似乎對我有用 ： http : //jsfiddle.net/QqBYR/

與您的更改（除非是錯字）相比，變化是<form>實際上包裹了整個 <tabset> ：

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