angularjs 输入框隐藏时清除背景字段

Question

I have a page that will hide/show additional elements when an option is selected:

<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" 时收到通知，以便可以将隐藏的模型字段设置回某些默认值（在本例中为空）？

谢谢

Answer 1

也许是这样的？

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

Answer 2

您可以做的是在更改时重置模型：

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

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

您还可以定义更复杂的重置函数并使用ng-change="reset()"。希望这有帮助。

angularjs 输入框隐藏时清除背景字段

angularjs clear backing field when input box hides

angularjs

ng-hide