ng-switch-when - 不清除选择

时间:2014-11-20 01:26:46

标签: angularjs

问题:ng-switch-when在使用选项切换时不会删除以前的数据 我把样本放在一起。

http://jsfiddle.net/abuhamzah/98q775jL/3/

选择"现金"然后输入一些数字 选择"检查"并输入一些数字,如果你回到现金,你仍然会看到以前的数字。

我的问题是:一旦用户选择了不同的选项,我该如何清除选择?

1 个答案:

答案 0 :(得分:0)

您的模型中似乎有两个不同的值。一个用于支票,一个用于现金。那是你要的吗?如果您只想使用ng-when来切换标签,那么您可以从交换机中取出输入,并在模型中只有一个值。

<div class="col-xs-12" ng-switch="payment.type">
    <div ng-switch-when="Cash">
        <label class="col-xs-6 control-label">Cash :</label>

    </div>
    <div ng-switch-when="Check">
        <label class="col-xs-6 control-label">Check #:</label>

    </div>
</div>
<div class="col-xs-6">
   <input type="number" class="form-control" ng-model="payment.amount_tendered" />
</div>

所以值payment.amount_tendered是您最终得到的唯一值。否则,如果需要这两个值,那么您可能必须编写一个为您清除值并将其绑定到select的change事件的函数。