<! DOCTYPE html> for= "uname" > User name:</label> <input type= "text" class= "Form-control" id= "uname"/> </div> &l T;div class= "Form-group" > <label for= "Upwd" > User name:</label> <input type= "text" class= "Form-control" id= "Upwd"/> </div> < div class= "checkbox" > <label> <input ng-model= "Agree" type= "checkbox"/> I agree to the terms of use of this site {{agree}} </label> </div> <input ng-disabled= "!agree" class= "btn btn-success" type= "button" value= "note Book "/> </form> Please select:<select ng-model= "Headpic" > <option value= "" >-Please select-</option> <option value= "2.jpg" > Desert Gobi </option> <option value= "3.jpg" > Flowers </option> <option value= "4.jpg" > I'm teasing you </optio n> </select> Angular.module (' MyApp4 ', [' ng ']). Controller (' MyCtrl4 ',function($scope) {$scope. $watch (' Agree ',function() {Console.log (' $scope. Agree model data changed: ' +$scope. Agree); }) $scope. $watch (' Headpic ',function() {Console.log (' $scope. Headpic model Data changed: ' +$scope. Headpic); }) $scope. Emplist= [ {' ename ': ' Tom ', salary:134567, birthday:4413432432457}, {' ename ': ' Mary ', salary:2473242, birthday:2244789237345}, {' ename ': ' John ', salary:734636434, birthday:7623881273894}, {' ename ': ' Scott ', salary:1234567890.123456, birthday:632938744382} ]; })</script></body>Ng-show ng-disabled Ng-show The value of ng-hide is changed when the Boolean value changes, the state changes