title: How can i validate angular-multi-select?
body: <blockquote>
    <p>I am using angular-multi-select from <a href="http://isteven.github.io/angular-multi-select/" rel="nofollow">http://isteven.github.io/angular-multi-select/</a>. It works according to my need. I am using multi-select in modal form and i want to validate it but it is not validating when i use required option. Can anyone suggest me how to validate angular-multi-select in form.</p>
  </blockquote>
  
  <p>code</p>
  
  <pre><code>&lt;div class="form-group" ng-class="{'has-error' :batch_form.end_time.required || batch_form.start_time.required || batch_form.days.$invalid &amp;&amp; (!batch_form.days.$pristine || submitted) }"&gt;
      &lt;label for=""&gt;Timings&lt;/label&gt;
      &lt;div ng-repeat="batch_timing in batch_timings" &gt;
          &lt;div class="row" ng-hide="batch_timing._destroy == 1"&gt;
               &lt;div class="col-md-10"&gt;
                   &lt;div class="row new-timings"&gt;
                      &lt;div class="col-md-1"&gt;
                        &lt;span class="text-style pull-left"&gt;Days&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="timings-row" &gt;
                        &lt;div class="col-md-11"&gt;
                            {{batch_form.start_time.$error.required}}
                            &lt;div 
                              multi-select
                              input-model="batch_timing.days"
                              output-model="resultData"
                              button-label="acronym"
                              item-label="acronym symbol name"
                              tick-property="ticked"
                              helper-elements="all none reset"
                              required name="days"&gt;
                            &lt;/div&gt;  
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="row col-md-offset-1 new-timings"&gt;
                      &lt;div class="col-md-1"&gt;
                        &lt;span class="text-style"&gt;from&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-4"&gt;
                        &lt;select 
                          class="form-control"
                          data-ng-model="batch_timing.start_time" 
                          ng-options="timing as timing for timing in timings"
                          required name="start_time"&gt;
                        &lt;/select&gt; 
                      &lt;/div&gt;  
                      &lt;div class="col-md-1"&gt;
                        &lt;span class="text-style"&gt;to&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-4"&gt;
                        &lt;select class="form-control"
                              data-ng-model="batch_timing.end_time" 
                              ng-options="timing as timing for timing in timings"
                              required name="end_time"&gt;
                        &lt;/select&gt;                         
                      &lt;/div&gt; 
  
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                    &lt;span class="delete-button"&gt;
                        &lt;a ng-hide="batches.single.id" class="btn btn-danger" data-ng-model="batch_timing.id" href ng-click="batch_timings.splice($index, 1)"  &gt;&lt;i class="glyphicon glyphicon-trash"&gt;&lt;/i&gt;&lt;/a&gt;
                        &lt;a ng-show="batches.single.id" class="btn btn-danger" data-ng-model="batch_timing.id" href ng-click="remove(batch_timing.id, batch_timings)"  &gt;&lt;i class="glyphicon glyphicon-trash"&gt;&lt;/i&gt;&lt;/a&gt;
  
                    &lt;/span&gt;
                  &lt;/div&gt;      
                &lt;/div&gt;   
              &lt;/div&gt; 
              &lt;div class="help-block col-lg-12 col-md-12 col-sm-12" ng-show="batch_form.days.$error.required &amp;&amp; (!batch_form.start_date.$pristine || submitted)"&gt; Start time and end time are required. 
              &lt;/div&gt;
              &lt;div class="help-block error" ng-show="batch_form.start_time.$error.required &amp;&amp; batch_form.end_time.$error.required &amp;&amp; (!batch_form.start_date.$pristine || submitted)"&gt; Start time and end time are required. 
              &lt;/div&gt;
  
              &lt;div class="row"&gt;
                &lt;div class="col-md-12"&gt;
                  &lt;a class="btn btn-primary" href ng-click="newTiming($event)"&gt;&lt;i class="glyphicon glyphicon-plus"&gt;&lt;/i&gt;&lt;/a&gt;
                &lt;/div&gt;
              &lt;/div&gt;  
  
     &lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance</p>