ng模型值未被清除

时间:2018-06-07 03:01:59

标签: javascript html angularjs angular-ngmodel

我根据一些变量

重复进行人口调配                                         类型                                     
                                <div class="clothes-each-tag-wrapper">
                                    <div class="clothes-tag-label relative">
                                        <div class="dropdown-opacity-layer" ng-show="!showDropdownForType">
                                            <span>{{selectedBtmType}}</span>
                                            <span class="glyphicon glyphicon-ok pointer validate-tag" ng-hide="btmValidatedTags.type == selectedBtmType" ng-click="updateBtmTags('Type',selectedBtmType)"></span>
                                            <span class="glyphicon glyphicon-remove pointer" ng-click="showDropdownForType = true"></span>
                                        </div>
                                        <select class="ng-select-dropdown" required ng-model="selectedBtmType" ng-change="showDropdownForType = false" ng-init="selected='1'"
                                            name="btnTagForType" id="btnTagForType" ng-options="x for x in tags.Bottom.type"
                                            ng-show="showDropdownForType"></select> </div></div>

<div class="wrapper flex flex-wrap" ng-if="item.Bottom.type != selectedBtmType">   <div class="clothes-each-tag-wrapper"ng-repeat="(key, value) in tags[selectedBtmType]">
    <div class="clothes-tag-label uppercase">
      {{key}}
    </div>
    <div class="clothes-tag-label relative">
      <div class="dropdown-opacity-layer" ng-show="showDropdown1">
        <span>{{someselectedValue}}</span>
        <span class="glyphicon glyphicon-ok pointer" ng-hide = "btmValidatedTags[key] == someselectedValue" ng-click="updateBtmTags(key,someselectedValue,selectedBtmType)"></span>
        <span class="glyphicon glyphicon-remove pointer" ng-click="showDropdown1 = false"></span>
      </div>
      <select class="ng-select-dropdown" required ng-model='someselectedValue' ng-change="showDropdown1 = true" ng-init="selected='1'"
      name="btnTag2" id="btnTag2" ng-options="x for x in value" ng-show="!showDropdown1"></select>
    </div>   </div> </div>

现在的问题是,我正在使用下拉列表中的ng模型值,一旦选中它,我将该变量存储在ng-model ='someselectedValue'中并隐藏下拉列表。之后,我在不同的span.problem中显示该值。我正在填充的json有类似的entires。如果ng重复变量基于标签[selectedBtmType]更改,我的复选框应该重置。但我可以看到以前的值已被选中。

示例如果在第一个ng重复中我有一个类型的字段,我选择一个类型。但是当我填充第二个ng重复时(即使我有一个类型的字段),不应该预先选择类型

1 个答案:

答案 0 :(得分:0)

在填充之前每次清除选择的ng模型,我认为这将有效,因为它没有任何数据可供选择,因为现在所选的值存储在该模型中,请通知它是否有效。

你必须使用delete someselectedValue