如何解决AngularJS-奇怪的下拉行为
我正在使用AngularJS v1.4.9版本。这是我的下拉菜单:
<select id="spaceType" name="spaceType" class="form-control space-type"
data-ng-model="colocatedHosting.SpaceType"
data-ng-options="t.Value as t.Name for t in spaceTypes track by t.Name"
data-ng-change="showSpaceTypes(colocatedHosting.SpaceType)">
</select>
我正在使用ng-change
根据下拉菜单中选择的内容显示/隐藏div元素。在列表中选择新项目时,下拉列表显示空白值为selected
:
<select id="spaceType" name="spaceType" class="form-control space-type ng-valid ng-dirty ng-valid-parse ng-touched"
data-ng-model="colocatedHosting.SpaceType"
data-ng-options="t.Value as t.Name for t in spaceTypes track by t.Name"
data-ng-change="showSpaceTypes(colocatedHosting.SpaceType)">
<option value="?" selected="selected"></option> <--- WHY?
<option label="Cabinet" value="Cabinet">Cabinet</option>
<option label="Cage" value="Cage" selected="selected">Cage</option>
<option label="Full Rack" value="Full Rack">Full Rack</option>
</select>
我再次选择了同一项目,空白值消失了:
<select id="spaceType" name="spaceType" class="form-control space-type ng-valid ng-dirty ng-valid-parse ng-touched"
data-ng-model="colocatedHosting.SpaceType"
data-ng-options="t.Value as t.Name for t in spaceTypes track by t.Name"
data-ng-change="showSpaceTypes(colocatedHosting.SpaceType)">
<option label="Cabinet" value="Cabinet">Cabinet</option>
<option label="Cage" value="Cage" selected="selected">Cage</option>
<option label="Full Rack" value="Full Rack">Full Rack</option>
</select>
当我在下拉菜单中选择一个项目时看起来像JS控制台时,我看到了单击的值,因此ng-change
似乎可以正常工作。为什么会这样呢?另外,当我选择一个项目时,它不会以POST的形式传递。为什么?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。