Javascript 下拉列表如何使用角度选择默认值

Javascript 下拉列表如何使用角度选择默认值,javascript,css,angularjs,html,Javascript,Css,Angularjs,Html,我通过以下方式创建了一个下拉列表: <li> <a href="#" ng-click="check(default)">defaul_label</a> </li> 简单的设计,使它下降良好,使我的所有项目循环通过罚款 在不使用选择字段的情况下,如何指定“已选择”的链接以显示为默认选定项?您可以使用ng class指令在选定项上设置“活动”类。在ng单击,您可以使用ng repeat指令中的$index值设置活动索引

我通过以下方式创建了一个下拉列表:

 <li>
    <a href="#" 
    ng-click="check(default)">defaul_label</a>
</li>
  • 简单的设计,使它下降良好,使我的所有项目循环通过罚款


    在不使用选择字段的情况下,如何指定“已选择”的链接以显示为默认选定项?

    您可以使用
    ng class
    指令在选定项上设置“活动”类。在
    ng单击
    ,您可以使用
    ng repeat
    指令中的
    $index
    值设置活动索引

    HTML


    您可以使用ng show=“isSelected”,类似这样的功能来补充—这取决于您如何设置自定义下拉列表。比如,你是否让css隐藏了所有不是所选值的内容,或者你是否有自定义数据属性来定义值或其他内容。我还需要传递名为check()的默认函数,我将如何使用它实现这些功能?由于我只需要调用一个ng click=check(),您可以将其合并到$.scope.setActiveIndex()函数中,在Coreys现有功能下面,只需调用其中的check(),就像在ng click=“check()中一样
    <li ng-repeat="item in items" ng-class="{active:activeIndex === $index}">
      <a href="" ng-click="setActiveIndex($index)">{{item}}</a>
    </li>
    
    app.controller('MainCtrl', function($scope) {
      $scope.activeIndex = 0;
      $scope.items = [
        "One",
        "Two",
        "Three",
        "Four"
      ];
    
      $scope.setActiveIndex = function(idx) {
        $scope.activeIndex = idx;
      };
    });