>>>>Hi everybody,
>>>>
>>>>I have a form with multiple tabs. One tab form has the following code right now
>>>>
>>>>

>>>>ng-form name="editAccountInvoices">
>>>>    <div class="checkbox" ng-show="!isNew">
>>>>        <label>
>>>>            <input type="checkbox" name="showFinalized" id="showFinalized"
>>>>                   ng-model="showFinalized"
>>>>                   />Show Finalized Invoices
>>>>        </label>
>>>>    </div>
>>>>    <div id="_actions" class="padd">
>>>>        <div class="gridStyle" ng-grid="gridOptions"></div>
>>>>    </div>
>>>></ng-form>
>>>>

>>>>
>>>>I also plan to add the search textbox later on to be able to filter the grid's data.
>>>>
>>>>Now, apart from that ngGrid is not yet working with navigation I have another problem. When I click on the checkbox and when try to navigate away from that form, I get a prompt about data changes. I want to avoid this prompt as that checkbox is used only for filtering.
>>>>
>>>>Do you know how to solve that problem?
>>>>
>>>>I did a quick google search, but not too extensive and didn't find anything.
>>>>
>>>>Thanks in advance.
>>>
>>>Just put it outside the form....
>>
>>Do you mean above the ng-form tag? I'll try that but this form is part of the main editForm which has at the top
>>
>>

>><form name="form" novalidate role="form" 
>>          data-sm:dirty-check data-server:error ng-show="showForm" class="ng-cloak">

>>
>>and the form I showed is used as a tab
>>
>>

>><div class="tab-pane" id="invoices">
>>                                @Html.Partial("EditAccountInvoices")
>>                            </div>

>
>If it doesn't work look at the options here : http://stackoverflow.com/questions/17089090/prevent-input-from-setting-form-dirty-angularjs

From that page you pointed me to I like the directive approach which I am going to implement. I think we may need this directive in some places in our application.