[英]How to select default dropdown option in angularjs?
how to select dropdown in angularjs ? 如何在angularjs中选择下拉菜单?
How to select default dropdown option for "Third Project 456" 如何为“第三项目456”选择默认的下拉选项
Please Check : jsfiddle 请检查: jsfiddle
HTML: HTML:
<select ng-change="getMileWorkerlist(broadcastManagerData.project_list)" ng-model="broadcastManagerData.project_list" name="project_list" class="form-control" required >
<option value="0">All Project</option>
<option ng-repeat="(key, value) in projectList" ng-value="key">{{value}}</option>
</select>
JAVASCRIPT: JAVASCRIPT:
$scope.projectList = {
35: "Third Project 456",
56: "Project-11-1-2016",
76: "test project for cbs"
};
$scope.broadcastManagerData.project_list =35;
Make my html in view source: 使我的HTML在视图源中:
<select class="form-control ng-pristine ng-valid ng-valid-required ng-touched" required="" name="project_list" ng-model="broadcastManagerData.project_list" ng-change="getMileWorkerlist(broadcastManagerData.project_list)">
<option value="? number:35 ?"></option>
<option ng-selected="true" ng-value="0" value="0" selected="selected">All Project</option>
<option class="ng-binding ng-scope" ng-value="key" ng-repeat="(key, value) in projectList" value="35">Third Project 456</option>
<option class="ng-binding ng-scope" ng-value="key" ng-repeat="(key, value) in projectList" value="56">Project-11-1-2016</option>
<option class="ng-binding ng-scope" ng-value="key" ng-repeat="(key, value) in projectList" value="76">test project for cbs</option>
</select>
OUTPUT: OUTPUT:
<div ng-app="myApp" ng-controller="Ctrl" ng-init="broadcastManagerData.project_list = 'Third Project 456'">
<select ng-model="broadcastManagerData.project_list" >
<option value="0">All Project</option>
<option ng-repeat="(key, value) in projectList" ng-value="value" ng-selected="value=='Third Project 456'">{{value}}</option>
</select>
{{broadcastManagerData.project_list}}
</div>
Well I know why my comment was not working, I assumed (didn't read question carefully) that you were working with an array, and you're not. 好吧,我知道我的评论为什么不起作用,我假设(没有仔细阅读问题)您正在使用数组,而您却没有。 I do not know how to do it using (key, value), but why are you not using an array?
我不知道如何使用(键,值)来实现它,但是为什么不使用数组呢? If you were, this would work:
如果是这样,这将起作用:
<select ng-change="getMileWorkerlist(broadcastManagerData.project_list)"
ng-model="broadcastManagerData.project_list"
ng-init="broadcastManagerData.project_list = projectList[0].key"
name="project_list" class="form-control" required
ng-options="item.key as item.value for item in projectList">
</select>
and in controller, the array: 在控制器中,数组:
$scope.projectList = [
{key: 35, value: "Third Project 456"},
{key: 56, value: "Project-11-1-2016"},
{key: 76, value: "test project for cbs"}
];
But as I said, seems like this way only works with an array. 但是正如我所说,似乎这种方式仅适用于数组。 Any reason why you can't do it this way?
您为什么不能以这种方式这样做?
请检查以下内容是否有帮助:
<option ng-repeat="(key, value) in projectList" ng-value="key" ng-selected="value == 'Third Project 456'">{{value}}</option>
<select ng-change="getMileWorkerlist(broadcastManagerData.project_list)" ng-model="broadcastManagerData.project_list" name="project_list" class="form-control" required >
<option value="0">All Project</option>
<option ng-repeat="(key, value) in projectList" value="{{key}}">{{value}}</option>
</select>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.