angularjs ng-if not working in Form

Question

I am trying using ng-if in my HTML

HTML

<td width=15% ng-if="value == I">Decision</td>  
<td width=10% ng-if="value != I">Status</td>

JS

    $scope.value = "I";

I am getting $scope.value value in my HTML. But ng-if not working.

More infomation please lookout http://jsfiddle.net/n3xWB/1493/

Thanks.

Anand Siddharth · Accepted Answer · 2017-06-16 07:37:23Z

3

Try ng-hide instead of ng-if and also you missed the quotes " 'I' "

<td width=15% ng-hide="value == 'I'">Decision</td>  
<td width=10% ng-hide="value != 'I'">Status</td>

edited Jun 16, 2017 at 7:37

answered Jun 16, 2017 at 7:31

Anand Siddharth

9871 gold badge9 silver badges30 bronze badges

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

Comments

Sachila Ranawaka · Accepted Answer · 2017-06-16 07:36:00Z

1

missed the quote around the ng-if values

<td width=15% ng-if="value == 'I'">Decision</td>  
<td width=10% ng-if="value != 'I'">Status</td>

 
angular.module("app",[])
.controller("TodoCtrl",TodoCtrl )

 function TodoCtrl($scope) {

    $scope.value = "I";
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="TodoCtrl">
       <table>
        <tr>
           value =================== {{value}}
            <td width=15% ng-if="value == 'I'">Decision</td>  
           <td width=10% ng-if="value != 'I'">Status</td> 
        </tr>

    </table>
  </div>
</div>

answered Jun 16, 2017 at 7:36

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Collectives™ on Stack Overflow

angularjs ng-if not working in Form

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related