javascript - angularJS - nginit,如何获得范围

标签 javascript jquery angularjs

https://jsfiddle.net/jzhang172/7c2zgkf0/1/

angularJS如何设置select的初始值?

var app = angular.module('myApp', []);

app.controller('carCtrl',function($scope){
$scope.cars={
car01 : {brand : "Ford", model : "Mustang", color : "red"},
car02 : {brand : "Fiat", model : "500", color : "white"},
car03 : {brand : "Volvo", model : "XC90", color : "black"}

}

});
input.ng-invalid{
  background:red;
    transition:.4s;
}
input.ng-valid{
  background:#A3CBFF;
  transition:.4s;
}
input.ng-pending{
  border:1px solid red;
}
input{
    font-size: 30px;
    text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>


<div ng-app="myApp" ng-controller="carCtrl" ng-init="selectCar='$scope.cars.car01'">
<p>
Please Select a Car
</p>
<select ng-model="selectCar" ng-options="x for (x,y) in cars" >

</select>
<span>Color: {{selectCar.color}}</span>
<span>Model: {{selectCar.model}}</span>
<span>Brand: {{selectCar.brand}}</span>
</div>

最佳答案

你可以使用ng-model

var app = angular.module('myApp', []);

app.controller('carCtrl',function($scope){

$scope.cars={
car01 : {brand : "Ford", model : "Mustang", color : "red"},
car02 : {brand : "Fiat", model : "500", color : "white"},
car03 : {brand : "Volvo", model : "XC90", color : "black"}

}
$scope.initVal = $scope.cars['car01'];
});

<select ng-model="initVal"  ng-options="x for (x,y) in cars" >

关于javascript - angularJS - nginit,如何获得范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36638970/

相关文章:

javascript - SVG:通过 jQuery 更新在 FF 中有效,但在 Safari 中无效,有什么想法吗?

javascript - 用于 checkin 和 checkout 的日历插件

angularjs - 如何根据每条记录的数据动态显示 Angular.js 中的货币?

javascript - 无论如何,UI 路由器都不能与 Angular 一起工作

javascript - 上传时的 Dropzone 提交按钮

javascript - Play 2.0.1 并设置 Access-Control-Allow-Origin

javascript - 在主页中打印

javascript - 我怎样才能包装div?

javascript - 如何修复 Flot js 上的 xaxis 标签

angularjs - 在禁用网络安全模式下运行的 Chrome 中,对预检请求的响应未通过访问控制检查