select 框中的预设选项与 Angular JS 中的自定义文本

Question

I want to pre set my select box by using whole object available in my array.我想通过使用我的阵列中可用的整个 object 来预先设置我的 select 盒子。 the text will be customized by using object fields as shown in below image将使用 object 字段自定义文本，如下图所示

this is what I have tried so far这是我迄今为止尝试过的

<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<select ng-model="employee" ng-options="item as (item.name+' - '+item.post) for item in employees">
<option value="">select</option>
</select>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.employees = [{name:"Mehtab",post:"SE"}, {name:"Punit", post:"PM"}, {name:"Ashutosh", post:"SSE"}];
    $scope.employee = {name:"Punit", post:"PM"};
});
</script>

</body>
</html>

Answer 1

Is this you want:这是你想要的：

html: html：

<select ng-model="employee.name" ng-options='item.name as (item.name + " - " + item.post) for item in employees'>
<option value="">select</option>

JS: JS：

$scope.employees = [
      {name:"Mehtab",post:"SE"}, 
      {name:"Punit", post:"PM"}, 
      {name:"Ashutosh", post:"SSE"}
    ];
$scope.employee = {"name":"Punit","post":"PM"};

Working fiddle: https://jsfiddle.net/rum25Lxz/工作小提琴： https://jsfiddle.net/rum25Lxz/

select 框中的预设选项与 Angular JS 中的自定义文本

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-07-02 15:28:47

select 框中的预设选项与 Angular JS 中的自定义文本

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-07-02 15:28:47

解决方案1
0 已采纳 2020-07-02 15:28:47