instruction
directive('bsPopup', function ($parse) {return {require: 'ngModel',restrict: 'A',link: function (scope, elem, attrs, ctrl) {scope.$watch(function () {return $parse(ctrl.$modelValue)(scope);}, function (newValue) {if (newValue ==0) {$(elem).modal('hide');return;}if (newValue == 1) {$(elem).modal('show');return;}});}});<button data-target="#myModal" data-toggle="modal" ng-click="sss()">Popular box</button><div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" bs-popup="" ng-model="test"id="myModal" style="display: none;"><div><div><div><button aria-hidden="true" data-dismiss="modal" type="button">×</button><h4 id="myModalLabel">Pop box</h4></div><div><button ng-click="hhh()">Test</button></div><!-- /.modal-content --></div><!-- /.modal-dialog --></div>
The above is the editor’s introduction to Bootstrap and Angularjs with homemade pop-up boxes. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support to Wulin.com website!