AngularJS 學習筆記 Select 設置默認值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>html
<div ng-app="myApp" ng-controller="myCtrl">app
<p>選擇網站:</p>網站
<select ng-model="selectedSite" ng-init="selectedSite=sites[0]" ng-options="x.site for x in sites">
</select>google
<h1>你選擇的是: {{selectedSite.site}}</h1>
<p>網址爲: {{selectedSite.url}}</p>url
</div>cdn
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.sites = [
{site : "Google", url : "http://www.google.com"},
{site : "Runoob", url : "http://www.runoob.com"},
{site : "Taobao", url : "http://www.taobao.com"}
];
});
</script>htm
<p>該實例演示了使用 ng-options 指令來建立下拉列表，選中的值是一個對象。</p>
</body>
</html>對象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>ip
<div ng-app="myApp" ng-controller="myCtrl">utf-8
<p>選擇網站:</p>
<select ng-model="selectedSite" ng-init="selectedSite=sites[0]" ng-options="x.site for x in sites">
</select>
<h1>你選擇的是: {{selectedSite.site}}</h1>
<p>網址爲: {{selectedSite.url}}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.sites = [
{site : "Google", url : "http://www.google.com"},
{site : "Runoob", url : "http://www.runoob.com"},
{site : "Taobao", url : "http://www.taobao.com"}
];
});
</script>
<p>該實例演示了使用 ng-options 指令來建立下拉列表，選中的值是一個對象。</p></body></html>
- 1. AngularJS的select設置默認值
- 2. angualr設置select默認值
- 3. angularjs異步設置Select選擇框的默認值
- 4. angularjs select 默認選中option
- 5. elementui select 默認值
- 6. AngularJS學習筆記
- 7. jqueryeasyui datebox 設置默認值
- 8. MySQL字段默認值設置詳解
- 9. Angular2 select用法-設置默認值和事件
- 10. Angularjs 學習筆記
- 更多相關文章...
- • MySQL默認值（DEFAULT） - MySQL教程
- • Scala 函數 - 默認參數值 - Scala教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • IntelliJ IDEA代碼格式化設置
-
每一个你不满意的现在，都有一个你没有努力的曾经。