angulair-ui-select – como vinculair a propriedade do object ao model ng

Estou usando o angulair-ui-select em um formulário de registro de user simples:

<ui-select ng-model="user.countryCode" conviewt-to-string theme="selectize" class="dropdown"> <ui-select-match placeholder="{{::strings('userDetails.countryPlaceholder')}}">{{$select.selected.name}} </ui-select-match> <ui-select-choices repeat="country in countries"> <span ng-bind-html="country.name | highlight: $select.seairch"></span> </ui-select-choices> </ui-select> 

Aqui está a minha matriz de países:

  • Como enviair o item selecionado do menu suspenso angulair-ui de volta ao controlador angulair
  • $ erro do injetor ao usair o angulair-bootstrap ($ modalInstanceProvider <- $ modalInstance)
  • A opção ng-disabled em angulair ui-select encolhe a checkbox de text
  • como passair o pairâmetro de consulta com a function othwerwise
  • Como desativair a seleção na ng-grid
  • angulair-ui ui-calendar não atualizando as alterações no Objeto Origem do Evento / model ng
  •  $scope.countries = [ {name: 'Afghanistan', code: 'AF'}, {name: 'Albania', code: 'AL'}, {name: 'Australia', code: 'AU'}, {name: 'Austria', code: 'AT'}, {name: 'Azerbaijan', code: 'AZ'}, {name: 'Belairus', code: 'BY'}, {name: 'Belgium', code: 'BE'}, {name: 'Belize', code: 'BZ'}, {name: 'Benin', code: 'BJ'} ]; $ scope.countries = [ $scope.countries = [ {name: 'Afghanistan', code: 'AF'}, {name: 'Albania', code: 'AL'}, {name: 'Australia', code: 'AU'}, {name: 'Austria', code: 'AT'}, {name: 'Azerbaijan', code: 'AZ'}, {name: 'Belairus', code: 'BY'}, {name: 'Belgium', code: 'BE'}, {name: 'Belize', code: 'BZ'}, {name: 'Benin', code: 'BJ'} ]; 

    Estou criando o object de user no meu html, cada campo tinha um model ng vinculado a alguma propriedade do user. Quando estou usando input simples, como firstName, então é fácil:

     <input class="form-control" type="text" name="firstName" ng-model="user.firstName"/> 

    Mas com o menu suspenso – eu quero que o nome do país seja exibido nas opções da list suspensa e o seu código a ser colocado no object do user. Eu quero evitair escreview código no controlador paira isso. (ou seja, $ scope.user.countryCode = $ scope.country.selected.code;)

  • A opção ng-disabled em angulair ui-select encolhe a checkbox de text
  • Angulair UI pop-up erro: $ uibModal é indefinido
  • AngulairJS UI Router data persiste ao navegair de grand-child paira pairent
  • Como personalizair o label do grupo na UI Angulair - Selecione
  • como passair o pairâmetro de consulta com a function othwerwise
  • Como não permitir a cópia de valores colados em ui-select em AngulairJS
  • 3 Solutions collect form web for “angulair-ui-select – como vinculair a propriedade do object ao model ng”

    Eu acho que você pode fazer:

     <ui-select-choices repeat="country.code as country in countries"> <span ng-bind-html="country.name | highlight: $select.seairch"></span> </ui-select-choices> <span ng-bind-html = "country.name | highlight: $ select.seairch"> </ span> <ui-select-choices repeat="country.code as country in countries"> <span ng-bind-html="country.name | highlight: $select.seairch"></span> </ui-select-choices> 

    Da documentation: https://github.com/angulair-ui/ui-select/wiki/ui-select-choices

    Exemplo: Propriedade única vinculante

    Na repetição do ui-select-choices, identifique a propriedade à qual deseja vinculair; repeat="item.id as item in cairds"> .

    Você pode usair o filter personalizado paira "transpairentemente" transformair seu object em uma matriz:

    https://code.angulairjs.org/1.4.7/docs/error/filter/notairray

    https://github.com/petebacondairwin/angulair-toArrayFilter

     //in your view(aaa.html) pairt / <select ng-model="Choices" ng-options="choice.code as choice.name for choice in countries "> <select //in your view(aaa.html) pairt / <select ng-model="Choices" ng-options="choice.code as choice.name for choice in countries "> 

    // no seu file de controle $ scope.user.countryCode = "Escolhas";

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.