<div class="modal-body">
   <form name="updateSecurityForm" ng-submit="updatePersonnels(upObj, updateSecurityForm)"
      ng-repeat="upObj in personnelProfileData" novalidate>
      <div class="col-md-4">
         <label for="vendor-name" class="control-label">Vendor
         Name:</label>
         <select name="vendorname" ng-model="upObj.vendor_id"
               class=" text-center form-control"
               ng-options="data.vendor_id as data.vendor_name for data in getvendetailsdata">
            {{data.vendor_name}}
            </select>
      </div>
   </form>
</div>

<div class="modal-body">
   <form name="addPlumberForm" ng-submit="addPersonnelsByRole(addObj,8, addPlumberForm)" novalidate>
      <div class="col-md-4">
         <div class="form-group">
            <label for="message-text" class="control-label">Name
            of the vendor:<span style="color: red;">*</span>
            </label>
            <select
               class="text-center form-control ng-valid ng-empty ng-dirty ng-touched"
               name="vendorname" ng-model="addObj.vendor_id">
               <option value="" selected="selected">- Please
                  select a vendor name -
               </option>
               <option ng-repeat="ae in getvendetailsdata"
                  value="{{ae.vendor_id}}" class="ng-binding ng-scope">{{ae.vendor_name}}</option>
            </select>
         </div>
   </form>
   </div>
</div>

$scope.addPersonnelValidation = function(formName){
    console.log(formName, "formName");
    if(formName.vendorname.$invalid){
        $.bootstrapGrowl('Please select vendor name',{
            type: 'danger',
            delay: 2000,
        });
        return ;
    }