Hi everybody,

UPDATE. I removed these controls from the last page and now the page doesn't become dirty. I'm going to place them back now - the problem is indeed in these two last controls but I don't understand why.


I have an edit form that consists of the several tabs. On the first tab there are two buttons. Both invoke modal forms.

When I click on these buttons, the form becomes dirty. The strange thing is that I examine every tab's form to find the offending controls. The ng-dirty attribute is set on the last tab (which I never even click on) last 2 controls defined as

 <div class="form-group">
            <div class="col-xs-6">
                <label class="control-label" title="@Labels.sms">
                    @Labels.sms:
                </label>
                <input type="number" name="sms"
                       id="sms"
                       ng-model="currentOperator.nsms"
                       class="form-control"
                       placeholder="@Labels.sms" />
            </div>

            <div class="col-xs-6">

                <label class="control-label"
                       title="@Labels.pager">
                    @Labels.pager:
                </label>
                <input type="number"
                       name="pager"
                       id="pager"
                       ng-model="currentOperator.npager"
                       class="form-control"
                       placeholder="@Labels.pager" />

            </div>
        </div>

Why would clicking on the first page of the form on the button that only invokes a modal form makes the form dirty?

It makes no sense to me.

Do you know what may cause such behavior?

Thanks in advance.