title: ng-if condition in angularJs
body: <p>I am new in AngularJS and try to do hide show in angularJs.</p>
  
  <p>Below is my Code :</p>
  
  <pre><code>  &lt;ul class="recent-rate-list"&gt;
        &lt;li ng-repeat="ratedType in ratedTypes"&gt;
            &lt;a href="#" style="line-height:30px"&gt;{{ratedType.type}}&lt;/a&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>AngularJS :</p>
  
  <pre><code>        $scope.ratedTypes = [
          {
              type: 'Select All',
              "value": '0',
              isSelected : true
          }, {
              type: 'Option 1',
              "value": '1',
              isSelected: false
          }, {
              type: 'Option 2',
              "value": '2',
              isSelected: false
          },{
              type: 'Option 3',
              "value": '3',
              isSelected: false
          },
      ];
  </code></pre>
  
  <p>Where I need when isSelected = true then</p>
  
  <pre><code>      &lt;a href="#" style="line-height:30px"&gt;&lt;span&gt;{{ratedType.type}}&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>and when isSelected = false then</p>
  
  <pre><code>      &lt;a href="#" style="line-height:30px"&gt;{{ratedType.type}}&lt;/a&gt;
  </code></pre>
  
  <p>I know angularJs has ng-if, but I unable to use it. How can I solve it using ng-if?</p>
  
  <p>Thanks.</p>