Ui-select angulaire: comment lier uniquement la valeur sélectionnée au ng-model
$scope.property = new Property();
$scope.property.propertyType = {};
$scope.propertyTypes = [
{ value: 'ResidentialPlot', name: 'Residential Plot' },
{ value: 'CommercialPlot', name: 'Commercial Plot' },
{ value: 'Apartment', name: 'Apartment/Flat' },
{ value: 'Townhouse', name: 'Townhouse' },
{ value: 'House', name: 'Single Family House' },
{ value: 'Commercial', name: 'Commercial Property' }
];
<label for="ptype" class="col-sm-2 control-label">Property Type</label>
<p>Populated: {{property.propertyType}}</p>
<ui-select ng-model="property.propertyType" id="ptype" theme="selectize" ng-disabled="disabled" style="width: 300px;" title="Choose Property Type">
<ui-select-match placeholder="Select a Property Type">{{$select.selected.value}}</ui-select-match>
<ui-select-choices repeat="propType in propertyTypes">
<span ng-bind-html="propType.name"></span>
<small ng-bind-html="propType.value"></small>
</ui-select-choices>
Cela me donne:
$scope.PropertyType = {"value":"Apartment","name":"Apartment/Flat"}
PropertyType dans mon schéma est juste une chaîne donc je veux lier la valeur sélectionnée à la place de certains JSON Élément.
$scope.PropertyType = "Apartment"
Que dois-je lier à mon ng-modèle pour l'obtenir?
source d'informationauteur user3072575
Vous devez vous connecter pour publier un commentaire.
Vous avez besoin de changer dans votre sélectionnez l'entrée de la ng-attribut du modèle de
selected_propertyType
et de la regarder quand elle change, puis d'en extraire de la valeur et de l'attribuer àpropertyType
Vous n'avez pas besoin de regarder.
J'ai eu le même problème. J'ai regardé la documentation sur:
https://github.com/angular-ui/ui-select/wiki/ui-select-choices
La meilleure façon de le faire est:
<ui-select ng-model="animal.names">
<ui-select-match>{{$select.selected.name}}</ui-select-match>
<ui-select-choices group-by="groupFind" repeat="value.id as value in animals | filter: $select.search">
<div ng-bind-html="value.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
Note de la façon dont nous sommes en mesure de préciser la valeur.id de répétition, tout en utilisant une valeur.le nom de ce qui est montré dans la liste déroulante. Cela fonctionne avec ng-modèle de la valeur.id (ce qui a été enregistré).
J'ai vérifié cela fonctionne pour moi. De poster ici parce que Google amène les gens à cette page.
Vous pouvez utiliser le
select as
notation: