2015-11-23 54 views
0

我有一個頁面時,選擇一個選項,將隱藏/顯示額外的元素:angularjs明確支持字段時輸入框隱藏

<div ng-app> 
    <div ng-controller="ctrl"> 
     opt: <select ng-model="model.opt" ng-options="item.id as item.text for item in model.opts"></select> 
     <br/> <span ng-show="model.opt > 1"> 
     alt: <input type="checkbox" ng-model="model.alt" /> 
     </span> 

     <div> <pre>{{ model | json }}</pre> 

     </div> 
    </div> 
</div> 

http://jsfiddle.net/v7wsdj74/

我將如何設置時得到通知「 ng-hide「被評估,以便被隱藏的模型字段可以被設置回一些默認值(在這種情況下爲null)?

謝謝

回答

0

你可以做什麼,是重置模型上進行更改:

<select ng-model="..." ng-options="..." ng-change="model.alt = null"></select> 

https://jsfiddle.net/bfrola/wzpha8c3/

您還可以定義更復雜的復位功能和使用ng-change="reset()"。希望這可以幫助。

+0

我可能會使用重置函數,因爲它可以在其他字段上下文中更靈活,並且確切地改變了什麼。謝謝您的幫助 – Mike

1

也許是這樣的?

scope.$watch('myParameter', (value) => { 
    // if myParameter is false set it to null? 
} 
+0

我可能最終會倒退這樣的事情,或者可能在對它採取行動之前對數據進行按摩。 – Mike