我正在学习AngularJS和用户输入。在我的代码中,我试图用“选中”和“选中”来设置下拉菜单和单选按钮的默认状态。
但是,它们不能与“ng-model”属性一起使用。
同样,对于第一个单选按钮(升序),空值属性似乎阻碍了与“选中”属性的匹配。
有人能解释为什么会发生这种情况,以及如何绕过这个问题吗?
<div class="search">
<h1>Artist Directory</h1>
<label> Search: </label>
<input ng-model="query" placeholder="Search for artists" autofocus>
<label class="formgroup">by:
<select ng-model="listOrder" name="direction">
<option value ="name" selected="selected"> Name</option>
<option value="reknown"> Reknown</option>
</select>
</label>
<label class="formgroup">
<input ng-model="direction" type="radio" value=" " checked> Ascending
</label>
<label class="formgroup">
<input ng-model="direction" type="radio" value="reverse"> Descending
</label>
</div>
2条答案
按热度按时间bzzcjhmw1#
将您的按钮和选择绑定到ng-model。默认值是首次创建作用域时放入模型中的值。然后,当用户单击时,值将更新:
第一个
查看实际应用:******
e0bqpujr2#
AngularJS中的Select看起来像这样:
回到你设定的控制器
您希望默认选择哪个选项。