How to check whether the value of my scope data is changed or not in angularjs? -

How to check whether the value of my scope data is changed or not in angularjs? -

i have created html customized dropdown.path of below html "partials/institutions/coordinatordropdown.html"

<div class="dropdown" ng-click="toggledropdown"> <button class="form-control overflow" type="button" id="dropdownmenu-list" data-toggle="dropdown" name="datatype" id="datatype" ng-required="true" ng-class="{ 'selected-class-name': $index == selectedindex }" ng-model="coordinator.role" ng-bind="coordinator.role" required> </button> <ul class="dropdown-menu dropdown-menu-list" role="menu" aria-labelledby="dropdownmenu-list" ng-init="toggledropdown = true" ng-show="toggledropdown" > <li role="presentation" ng-repeat="item in role" value="{{ item.roleid }}" ng-click="changecoordinatortype(item.value, $index)"> <span ng-class="{ 'dropdown-selected-item': $index == selectedindex }">{{ item.coordinator_type }}</span> </li> </ul> </div>

in original html using below:

<div class="col-md-6"> <div class="error-message"> <span ng-show="addcoordinatorform.coordinatortype.$error.required && !addcoordinatorform.coordinatortype.$pristine" class="errormessage" ng-bind="'please select coordinator type.'"></span> </div> <div name="coordinatortype" ng-include="'partials/institutions/coordinatordropdown.html'"></div> </div>

now in controller,

i need check whether $scope.coordinator.role value changed or not.

in controller when give

if ($scope.addcoordinatorform.$dirty){ }

it checking other controls not dropdown value changed or not.

can suggest solution me please?.

angularjs