Javascript 在select angularjs中选择第一个选项_Javascript_Angularjs

Javascript 在select angularjs中选择第一个选项

javascript angularjs

Javascript 在select angularjs中选择第一个选项,javascript,angularjs,Javascript,Angularjs,我有一个小问题，我只需要在我的select中有我的第一个元素，目前我的第一个元素中只有一个白色的行这是我的小代码 <select style="border-radius: 4px;" class="form-control" ng-model="select" ng-init="somethingHere = option[1]" id="sel1"> <option ng-repeat="option in dateHeureAdd t

我有一个小问题，我只需要在我的select中有我的第一个元素，目前我的第一个元素中只有一个白色的行

这是我的小代码

 <select style="border-radius: 4px;" class="form-control" ng-model="select" ng-init="somethingHere = option[1]" id="sel1">
                 <option ng-repeat="option in dateHeureAdd track by option.value" value="{{option.value}}">{{option.heure}}</option>
             </select>

这是一只扑克牌

感谢您的帮助

有一个关于选项的特殊指令，称为

ng options

，您还可以参考

ng模块的名称并将其设置为默认值
以下是可行的解决方案：
Index.html：
<!doctype html>
<html ng-app="ui.bootstrap.demo">

<head>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-animate.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-sanitize.js"></script>
  <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.5.0.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.js"></script>

  <script src="script.js"></script>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  </br>
  <div ng-controller="Ctrl">
    <select class="form-control" ng-model="mySelect" ng-options="date as date.heure for date in dates track by date.value">

    </select>
  </div>
</body>

</html>

对选项有一个特殊的指令，称为ng options
，您还可以参考ng模块的名称并将其设置为默认值
以下是可行的解决方案：
Index.html：
<!doctype html>
<html ng-app="ui.bootstrap.demo">

<head>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-animate.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-sanitize.js"></script>
  <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.5.0.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.js"></script>

  <script src="script.js"></script>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  </br>
  <div ng-controller="Ctrl">
    <select class="form-control" ng-model="mySelect" ng-options="date as date.heure for date in dates track by date.value">

    </select>
  </div>
</body>

</html>

初始化select值的表达式错误；您不应该在ng repeat中使用别名，而应该使用原始数组的名称
 ng-init="somethingHere = option[1]"

到
此外，您必须使用select to assign to的ng模型，这在您的案例中是不同的
初始化选择值的表达式错误；您不应该在ng repeat中使用别名，而应该使用原始数组的名称
 ng-init="somethingHere = option[1]"

到
此外，您必须使用select to assign to的ng模型，这在您的案例中是不同的

  ng-init="somethingHere = dateHeureAdd[1].value"