选择中的angularjs ng-model

时间:2017-08-18 10:43:35

标签: angularjs angular-ngmodel ng-options

我陷入了一个愚蠢的问题,但我不知道如何继续,所以我希望你们中的某个人可以给我一个帮助。 我的问题是我有一个元素列表,我可以访问其中的每个人,我可以在其中加载元素的特定数据。在这个视图中,我可以加载来自REST后端调用的数据,并且可以正常工作,我遇到的问题是当我必须加载带有select标签的列表时,我正在使用ng-model和ng选项。我想在该列表中加载元素在此刻所选择的数据,但是当我尝试将从后端提供的数据放入ng-model时,这不起作用,而是如果我初始化相同的元素服务调用后端工作,我可以看到所选的元素。该服务正在运行,因为我可以看到该元素的每个值,即使我尝试采取特定值,我可以看到它,例如我把它放在一个段落中。提前谢谢。

这是我加载列表的地方:

  self.AzionePropostaLista=[
      {  qsAzioneProposta:'SENSIBILIZZAZIONE', value: 'SENSIBILIZZAZIONE'},
      {  qsAzioneProposta:'INIBIZIONE MANUAL ENTRY', value: 'INIBIZIONE MANUAL ENTRY'},
      {  qsAzioneProposta:'INIBIZIONE BANDA', value : 'INIBIZIONE BANDA'},
      {  qsAzioneProposta:'INIBIZIONE COMPLETA', value : 'INIBIZIONE COMPLETA'},
      {  qsAzioneProposta:'REVOCA', value : 'REVOCA'},
      {  qsAzioneProposta:'RINUNCIA', value :'RINUNCIA'},
      {  qsAzioneProposta:'SBLOCCO', value :'SBLOCCO'},
      {  qsAzioneProposta:'COMUNICAZIONE INTERNA', value :'COMUNICAZIONE INTERNA'},
      {  qsAzioneProposta:'AUTOFIN.SOSPETTATO', value : 'AUTOFIN.SOSPETTATO'},
      {  qsAzioneProposta:'VALUTATO SENZA RISCHIO', value :'VALUTATO SENZA RISCHIO'}
    ];

这是我从后端服务中恢复的数据:

  

self.condition:“SENSIBILIZZAZIONE”

  MerchantService.getThisAction({qs_key:$routeParams.qs_key,qs_data_proposta:formatData},function(response){
        if(response.statusCode==0){
          self.action = response.data; 
          self.condition = response.data.qsAzioneProposta; THIS DOESN'T WORK BUT I CAN SEE THAT VALUE
          $log.debug("self.condition is"+self.condition);
          
        }
        else {
          sweetAlert('Error','something missing or you are trying to acces an inexistent merchant', 'error');
          $location.path("/home");
        }
      });


    // self.condition = 'SENSIBILIZZAZIONE' THIS WORK
  <div class="input-field col s4">
   <select ng-model="$ctrl.condition"  ng-options="azione.value as azione.qsAzioneProposta for azione in $ctrl.AzionePropostaLista"></select>
<label>Suggested action</label>
</div>

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

ng-model来自azione.value的{​​{1}}汇总ng-options

变化:

self.condition = response.data.qsAzioneProposta;

为:

self.condition = response.data.value; 

DEMO