Angular ng-options에서 값을 연결할 수 있습니까?

Angular ng-options에서 값을 연결할 수 있습니까?

기본적으로 선택 상자를 채우려고 하는데, 여기서 값을 연결하려고 합니다.first_name열과last_name기둥.

하고 싶은 일(동작하지 않음):

<select ng-model="buyers" ng-options="b.id as (b.first_name + " " + b.last_name) for b in buyers"></select>

기능:

<select ng-model="buyers" ng-options="b.id as b.first_name for b in buyers"></select>

인용문은 중요합니다.큰따옴표 안의 큰따옴표나 작은따옴표 안의 작은따옴표는 사용할 수 없습니다.

기능:

<select ng-model="buyers" ng-options='b.id as (b.first_name + " " + b.last_name) for b in buyers'></select>

다음 Synthax를 사용하여 문자열을 연결할 수 있습니다.

ng-options="i.x + ' ' + i.y for i in items"

다음 스니펫이 연결되어 있습니다.firstname그리고.lastname:

angular.module('myApp', []);

function MyCtrl($scope) {
  $scope.names = [{firstname: 'Jon', lastname: 'Snow'},
                  {firstname: 'Rob', lastname: 'Stark'},
                  {firstname: 'Ned', lastname: 'Stark'}];
}

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

<div ng-app="myApp" ng-controller="MyCtrl">
  <select ng-model="selected" ng-options="n.firstname + ' ' + n.lastname for n in names"></select>
  selected: {{selected}}
</div>

_{괄호는 필수는 아니지만 가독성이 향상될 수 있습니다.}

대신 이걸 써봐

<select ng-model="buyers" ng-options="b as (b.first_name + " " + b.last_name) for b in buyers">
</select>

언급URL : https://stackoverflow.com/questions/20101793/is-it-possible-to-concatenate-values-in-angular-ng-options