【问题标题】:ng-model not working correctly in select inputng-model 在选择输入中无法正常工作
【发布时间】:2016-08-24 22:13:39
【问题描述】:

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

 <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>

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

$scope.fct=function(x,index){

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

否则

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

这是发布数据的功能,它仍然是空的,但我 console.log 选择的 ng-model=yy 变得未定义,即使我选择了一些东西

$scope.validate=function(eee){

console.log($scope.eee)
console.log($scope.yy)
console.log($scope.vin)
console.log($scope.trace)

}

这里有一张图片可以解决更多问题

【问题讨论】:

    标签: javascript angularjs


    【解决方案1】:

    您需要为每个选择定义模型,使用 $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> 
    

    【讨论】:

    • 我如何在我的控制器中访问它,因为如果我让console.log($scope.yy) 我得到未定义
    猜你喜欢
    • 1970-01-01
    • 2018-04-20
    • 1970-01-01
    • 2014-07-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-11
    • 1970-01-01
    相关资源
    最近更新 更多