Angular js dynamic scope variables

Question

I have to show error for each row in a List.

HTML code

   <tr ng-repeat="model in models">
     <td>
      <div role="alert">
       <span class="error" ng-show="errorField_{{models.indexOf(model)}}" translate="eror"></span>
      </div>
     </td>
   </tr>

ng-show errorField_1, errorField_2..... and so on...

Now how i can i get hold of ng-show variable in controller class ? Any clue for example if i want to change particular variable state. I dont know how to get hold of the dynamicity.

$scope.errorField_12 = false;

try ng-show=" 'errorField_' +{{models.indexOf(model)}} "

Fracedo
– Fracedo

2015-11-22 10:47:56 +00:00
Commented Nov 22, 2015 at 10:47 — Fracedo
– Fracedo, Commented Nov 22, 2015 at 10:47

Anik Islam Abhi · Accepted Answer · 2015-11-22 10:45:20Z

1

Instead of declare seprate variable in scope.

Try to use property in models

Like this

   <tr ng-repeat="model in models">
     <td>
      <div role="alert">
       <span class="error" ng-show="model.isError" translate="eror"></span>
      </div>
     </td>
   </tr>

Make isError true or false to show/hide

Like you wanna to show first item's error

$scope.models[0].isError = true;

answered Nov 22, 2015 at 10:45

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

Collectives™ on Stack Overflow

Angular js dynamic scope variables

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related