How to make field required with k-ng-model?

Question

I have validation issue if i use k-ng-model on field that field is not required with Angularjs validation , User can submit the form so below code field is required even i dont select the value user can still submit the form.. Any idea how to solve it ?

main.html

<div class="row">
   <div class="form-group col-md-12">
     <label for="themesList" class="required col-md-4">Themes:</label>
        <div class="col-md-8">
         <select class="multiselect" kendo-multi-select="themes"
                                k-options="challengThemesOptions" data-text-field="'text'"
                                data-value-field="'id'" name="themesList"
                                k-ng-model="challengesDTO.themesKyList" required
                                id="themesList"></select>
          <p class="text-danger" ng-show="addChallengeForm.themesList.$touched && ddChallengeForm.themesList.$error.required">Theme(s) is required</p>
        </div>
    </div>
  </div>

Answer 1

You can use ng-model with k-ng-model, Try assigning ng-model to a seperate variable and use ng-required.

<select class="multiselect" kendo-multi-select="themes"
                            k-options="challengThemesOptions" data-text-field="'text'"
                            data-value-field="'id'" name="themesList"
                            k-ng-model="challengesDTO.themesKyList" ng-model="challengesDTO.themesKyListValue" ng-required
                            id="themesList"></select>