Disable Form using AngularJS

Question

Disable Form On the basis of Dynamic Id of form using Angularjs? like Id of form come from Foreach Loop..

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

Have a look on this. https://stackoverflow.com/questions/21638079/angularjs-disabling-all-form-controls-between-submit-and-server-response — Akbar Khan
– Akbar Khan, Commented Feb 6, 2019 at 9:00

M.Elfeky · Accepted Answer · 2019-01-03 08:22:49Z

1

did you have a chance to have a look on this link!

try adding ng-disabled="expression" in the properties as described .

answered Jan 3, 2019 at 8:22

M.Elfeky

10612 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

phuwin · Accepted Answer · 2019-01-03 11:16:04Z

0

You can use ng-disabled directive that angularjs provides for this purpose. For example 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>

In your controller:

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

answered Jan 3, 2019 at 11:16

phuwin

3,2705 gold badges28 silver badges49 bronze badges

Collectives™ on Stack Overflow

Disable Form using AngularJS

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related