js调用angularjs内部方法，$scope.$apply()强制更新

1.html

<div id="food" ng-cloak ng-app="food" ng-controller="FoodCtrl"><button type="button" onclick="isShow()">点击</button><div class="modal" ng-show="modalStatus">显示或者隐藏</div>
</div>

2.js

function addItem(index) {angular.element(document.getElementById('food')).scope().addItem(index);
}var myApp = angular.module('food', []);myApp.controller('FoodCtrl', ['$scope', function($scope) {$scope.modalStatus = false;    $scope.isShow= function() {this.modalStatus = !this.modalStatus;$scope.$apply();}
}]);

3.js调用angularjs内部方法，并且改变数据，视图不刷新的情况下，请加上$scope.$apply();