Question

禁用表格基于使用Angularjs的表格的动态ID？就像表单的ID来自Foreach循环。

<div class="pan" style="margin-top:40px">
                            <div ng-repeat="e in  Data">
                                <hr>
                                <p class="text-muted" style="color:darkgreen">Q. {{e.Question}}</p>
                                <form  id="{{e.QuizQuestionID}}">

                                        <div ng-repeat="s in e.option" id="e.QuizQuestionID">

                                            <label>
                                                <input name="options"
                                                       type="radio"
                                                       ng-click="check(e.QuizQuestionID,s.QqID)">
                                            </label>

                                            <span>{{s.ops}}  </span>


                                        </div>

                                </form>
                            </div>

                        </div>`

Answer 1

您有机会看看这个link！

尝试按所述在属性中添加ng-disabled =“ expression”。

Answer 2

您可以使用angularjs为此目的提供的ng-disabled指令。例如 HTML：

<form  id="{{e.QuizQuestionID}}">
  <div ng-repeat="s in e.option" id="e.QuizQuestionID">

  <label>
      //ng-disabled used here
      <input name="options"
             type="radio"
             ng-disabled="quizIsDisabled(e.QuizQuestionID)" 
             ng-click="check(e.QuizQuestionID,s.QqID)">
  </label>

  <span>{{s.ops}}  </span>


  </div>
</form>

在您的控制器中：

$scope.quizIsDisabled = function(id){
  //do you logic here, for example
  return ["we32a","ewd23","4dscs"].indexOf(id) != 0
}

使用AngularJS禁用表单

2 个答案: