title: How to enable a div for particular Items??? using angularjs and bootstrap
body: <pre><code>&lt;div class="form-group" ng-class="{'active':field == 'state'}" &gt;
  &lt;div class="col-xs-4 pad-none" ng-class="{'has-error has-feedback' : authorNoteForm.contactPerson.$valid &amp;&amp; authorNoteForm.notesState.$invalid &amp;&amp; submitted }"&gt;
                  &lt;div class="col-xs-4" &gt;
                      &lt;label class="control-label muted" for="notesState"&gt;State&lt;/label&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-8 pad-none"&gt;
                      &lt;input type="text" class="form-control" id="notesState" name="notesState" ng-change="valueChangesMade()" ng-model="data.correspondenceAddress.state" ng-readonly="previewMode" ng-focus="field='state'" required&gt;
                      &lt;span class="glyphicon glyphicon-warning-sign form-control-feedback" ng-show="authorNoteForm.contactPerson.$valid &amp;&amp; authorNoteForm.notesState.$invalid &amp;&amp; submitted"&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a div for State. It should be enabled only for two countries US and Canada. Im not able to find a solution to this. Can u help me</p>