title: Multiple condition for dropdown list
body: <p>I have this dropdown list </p>
  
  <pre><code>&lt;label class="control-label"&gt;Type&lt;/label&gt;&lt;br/&gt;
   &lt;select class="form-control" ng-model="selectedItem" ng-change="selectChange()" ng-options="item as item.name for item in items"&gt;
    &lt;option value=""&gt; Select Type&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>this is the list in items.</p>
  
  <pre><code>$dialogScope.items = [{
                  name:"Pencil",
                  value:"0",
              },{
                  name:"Eraser",
                  value:"1"
              },{
                  name:"Colourpencil",
                  value:"2",
              },{
                  name:"Ruler",
                  value:"4",
              },{
                  name: "Pen",
                  options : ["Blue","Red","Colourful"]
              },{
                  name: "Laptop",
                  options : ["Dell","Lenovo","Acer"]
              },{
                  name: "Pencil Box",
                  value:"7",
              },{
                  name: "Download CACHE By GPU",
                  value:"8",
              },
              ];
  </code></pre>
  
  <p>What is want is that if user choose Pencil <strong>or</strong> Eraser <strong>or</strong> Ruler <strong>or</strong> Pencil Box, label A and Label B field will hide. I tried as below</p>
  
  <pre><code> &lt;div class="form-group has-feedback"  ng-if="type==0||type==1||type==4||type==7" ng-hide="hideField1"&gt;
    &lt;label class="control-label"&gt;{{labelA}}&lt;/label&gt;
     &lt;input type="url" class="form-control" ng-model="stepA" name="stepA" required&gt;
   &lt;/div&gt;
  
   &lt;div class="form-group has-feedback" ng-if="type==5||type==6||type==8||type==10" ng-hide="hideField2"&gt;
    &lt;label class="control-label"&gt;{{labelB}}&lt;/label&gt;
     &lt;input type="url" class="form-control" ng-model="stepB" name="stepB" required&gt;
   &lt;/div&gt;
  
   &lt;div class="form-group has-feedback" ng-if="type==0||type==4||type==7||type==5||type==6||type==8||type==9||type==10" ng-hide="hideField3"&gt;
    &lt;label class="control-label"&gt;{{labelC}}&lt;/label&gt;
     &lt;input type="text" class="form-control" ng-model="stepC" name="stepC" required&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>And use this in the controller but it doesn't to be in the right way. Anyone notice the mistake? and if any correct way to create this.</p>
  
  <p><strong>UPDATED</strong></p>
  
  <pre><code>$dialogScope.selectChange = function(selectedItem){
   if (selectedItem) {
    $dialogScope.type = selectedItem.value;
    $dialogScope.labelA = '';
    $dialogScope.labelB = '';
    $dialogScope.labelC = 'MD5';
    $dialogScope.stepA = '';
    $dialogScope.stepB = '';
    $dialogScope.stepC = '';
     if ($dialogScope.value == 0) {
       $dialogScope.labelA = "APK URL";
      } else if ($dialogScope.value == 4) {
       $dialogScope.labelA = "OBB URL";
      } else if ($dialogScope.value == 5) {
       $dialogScope.labelB = "OBB URL";
      } else if ($dialogScope.value == 6) {
       $dialogScope.labelB = "APK URL";
      }
     console.log($dialogScope.selectedItem)
    };
  </code></pre>