选择选择angularjs

我有一个小问题，我只是需要有我的第一个元素在我的选择，就目前我刚才白排在第一个选项，选择选择angularjs

这是我的一点代码

<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>

CTRL

$scope.dateHeureAdd = [ 

    {value: '8', heure: '08:00'}, 
    {value: '9', heure: '09:00'}, 
    {value: '10', heure: '10:00'}, 
    {value: '11', heure: '11:00'}, 
    {value: '12', heure: '12:00'}, 
    {value: '13', heure: '13:00'}, 
    {value: '14', heure: '14:00'}, 
    {value: '15', heure: '15:00'}, 
    {value: '16', heure: '16:00'}, 
    {value: '17', heure: '17:00'} 

         ]

这里是一个plunker

http://plnkr.co/edit/aDUGvrvJjszq07Sjh0TI?p=preview个

感谢您的帮助

来源

2017-04-15 Gazano

有针对被称为ng-options选择特殊的指令，还你能够参考ng-module的名称，并设置它的默认。

这里的工作液：http://plnkr.co/edit/eHMoEqVxTv5QQh12FWv1?p=preview

的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>

的script.js：

angular.module('ui.bootstrap.demo', ['ui.router','ngAnimate', 'ngSanitize', 'ui.bootstrap']); 



angular.module('ui.bootstrap.demo', []) 
    .controller('Ctrl',[ '$scope', function ($scope) { 
    $scope.dates = [ 
    {value: '8', heure: '08:00'}, 
    {value: '9', heure: '09:00'}, 
    {value: '10', heure: '10:00'}, 
    {value: '11', heure: '11:00'}, 
    {value: '12', heure: '12:00'}, 
    {value: '13', heure: '13:00'}, 
    {value: '14', heure: '14:00'}, 
    {value: '15', heure: '15:00'}, 
    {value: '16', heure: '16:00'}, 
    {value: '17', heure: '17:00'}] 

    $scope.mySelect = $scope.dates[0]; 
}]);

来源

2017-04-16 00:15:00

你表达了你的初始化选择值是错误的;你不应该在ng-repeat中使用别名，而应该使用原始数组的名称。

ng-init="somethingHere = option[1]"

到

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

此外，您必须使用选择的NG-模型分配给，这是你的情况不同。

Corrected Example

来源

2017-04-16 04:02:11 dev8080

选择选择angularjs

回答

相关问题