[英]can not set drop-down option as a default selected
i'm trying to set drop-down value as default from javascript code but i cannot set it. 我正在尝试从JavaScript代码中将下拉值设置为默认值,但我无法设置它。
<div ng-controller="csrClrt">
<div ng:repeat="(key, item) in items track by $index">
<md-input-container>
<label>Face Style:</label>
<md-select ng-model="item.style" ng-change="f_style()" ng-model-options="{trackBy: '$value.id'}">
<md-option ng-value="user" ng:repeat="user in styles">{{user.name}}</md-option>
</md-select>
</md-input-container>
<div>
Id:{{item.style.id}}
<br/> Want to Display Name {{item.style.name}}
</div>
</div>
</div>
JavaScript Code JavaScript代码
angular.module('MyApp', ['ngMaterial'])
.controller('csrClrt', function ($scope) {
stylesdata = [{
name: "a",
id: 0
}, {
name: "b",
id: 1
}, {
name: "c",
id: 3
}
];
$scope.items = ["0"];
var style = [];
for (var i = 0; i < stylesdata.length; i++) {
style.push({
name: stylesdata[i].name,
id: stylesdata[i].id
})
}
$scope.styles = style;
})
You have not create items
object properly and no need of ng:repeat="(key, item) in items track by $index"
您尚未正确创建items
对象,并且ng:repeat="(key, item) in items track by $index"
不需要ng:repeat="(key, item) in items track by $index"
View 视图
<div ng-controller="csrClrt">
<md-input-container>
<label>Face Style:</label>
<md-select ng-model="items.style" ng-change="f_style()" ng-model-options="{trackBy: '$value.id'}">
<md-option ng-value="user" ng:repeat="user in styles">{{user.name}}</md-option>
</md-select>
</md-input-container>
<div>
{{items.style}}
</div>
</div>
Controller 控制者
$scope.items = {
style: {
id: 1
}
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.