ng-model在选择输入中无法正常工作

时间:2016-04-29 16:46:33

标签: javascript angularjs

嘿大家都在尝试在选择输入中获取选择值,我在获取所选值时遇到麻烦,我有一个ng-repeat所以我可以在所选行中的每一行添加一个项目这里是我的代码

fire

这是我的禁用按钮的功能 它无法正常工作,因为你可以看到通过ng-change函数传递ng-model

$ scope.fct =函数(X,索引){

 <li class="list-group-item" ng-repeat="l in list " >   

 <div class="row">
 <div class="col-md-8">

<h5>{{l}} : </h5>
</div>

 <div class="col-md-4" > 
        <div class="input-group">
        <select  ng-model="yy" ng-change="fct(yy,$index)" class="form-control">
        <option  value=""  selected>Not Passed</option>
        <option  value="passed"  >Passed</option>
        <option  value="ok"  >Ok</option>
        <option  value="ko"  >Ko</option>
        </select> 
         <span class="input-group-btn" ><button  id="{{$index}}"  type="submit" class="btn btn-primary form-control" data-toggle="collapse" disabled="disabled" data-target="#mycollapse_{{$index}}">
  <i class="glyphicon glyphicon-chevron-down"></i>
  </button></span>


        </div>

</div>

</div>  
<div id="mycollapse_{{$index}}" class="collapse">   
        <br>
        <div class="row">
        <div class="col-md-8">
        <div class="input-group"> 
        <input type="text" ng-model="bugfct" class="form-control" placeholder="Veuillez saisir le numéro de Bug :">          
     <span class="input-group-btn" ><button type=submit ng-click="bugfcts()" class="btn btn-success form-control"><i class="glyphicon glyphicon-ok"></i>
 </button></span>
        </div>                      
        </div>
        </div>
        <br>
 </li>  


    <button type="submit" ng-click=validate(yy) class="btn btn-success" >Valider</button>

其他

if(x=="ko")
document.getElementById(index).disabled=false;

这里是发布数据的函数它仍然是空的但是我在console.log中所选的ng-model = yy即使我选择了某些东西也未定义

document.getElementById(index).disabled=true ;
}

}

这是一张清除更多问题的图片 enter image description here

1 个答案:

答案 0 :(得分:2)

您需要为每个选择定义模型,使用 $ index 作为键

    <div class="input-group">
    <select  ng-model="yy[$index]" ng-change="fct(yy,$index)" class="form-control">
    <option  value=""  selected>Not Passed</option>
    <option  value="passed"  >Passed</option>
    <option  value="ok"  >Ok</option>
    <option  value="ko"  >Ko</option>
    </select>