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

标签 javascript angularjs

嘿,每个人都试图在选择输入中获取选择值,但在获取所选值时遇到了麻烦,我有一个 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)

这里有一张图片可以解决更多问题 enter image description here

最佳答案

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

关于javascript - ng-model 在选择输入中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36943610/

相关文章:

javascript - VueJS 单文件组件更新数据

javascript - 如何在不影响覆盖文本不透明度的情况下更改 css 中图像的不透明度

javascript - 如何在 angularjs 中设置 $resource 的操作

javascript - Angular Chosen - 不要将 ng-model 绑定(bind)到整个对象

javascript - 在 KendoUI 的模板中使用时,不会调用 AngularJS ng-click

JavaScript setTimeOut 似乎没有像我预期的那样工作

javascript - ChartJS 折线图在顶部和底部被 chop

javascript - Vitest 带有 element plus unplugin 未知的 scss 扩展

javascript - Angular JS ngShow 和 ngHide

javascript - 页面刷新后工厂的值被删除