web-dev-qa-db-fra.com

Est-il possible de concaténer des valeurs dans Angular ng-options

En gros, j'essaie de renseigner une zone de sélection mais de concaténer les valeurs de la colonne first_name Et de la colonne last_name.

Ce que je veux faire (ne fonctionne pas):

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

Qu'est-ce qui fonctionne:

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

Les citations sont importantes. Cela ne fonctionnera pas avec des guillemets doubles entre guillemets ou des guillemets simples entre guillemets simples.

Qu'est-ce qui fonctionne:

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

Vous pouvez concaténer une chaîne en utilisant cette synthax:

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

L'extrait suivant concatène firstname et 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>

Notez que les parenthèses ne sont pas obligatoire, mais cela pourrait améliorer lisibilité.

4
Mistalis