用于输入的HTML中的“选中”和“选定”不适用于AngularJS

ikfrs5lh  于 2022-10-31  发布在  Angular
关注(0)|答案(2)|浏览(202)

我正在学习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>
bzzcjhmw

bzzcjhmw1#

将您的按钮和选择绑定到ng-model。默认值是首次创建作用域时放入模型中的值。然后,当用户单击时,值将更新:
第一个
查看实际应用:******

e0bqpujr

e0bqpujr2#

AngularJS中的Select看起来像这样:

<select ng-model="selectedOpt"
      ng-options="opt for opt in listOrder">
</select>

回到你设定的控制器

$scope.selectedOpt = $scope.listOrder[0];

您希望默认选择哪个选项。

相关问题