angularjs怎么编写一个公共的弹出层插件下面是AngularUI上的例子,有几点需要注意的地方不要忘了引用bootstrap.css和ui.bootstrapmodule不要忘了template <br> <script src=ui-bootstrap-tpls-0.12.1.min.js><br> <link href=bootstrap/css/bootstrap.min.css rel=stylesheet><br> </head><br> <body><br><br> <div ng-controller=ModalDemoCtrl><br> <script type=text/ng-template id=myModalContent.html><br> <div class=modal-header><br> <h3 class=modal-title>Im a modal!</h3><br> </div><br> <div class=modal-body><br> <ul><br> <li ng-repeat=item in items><br> <a ng-click=selected.item = item>{{ item }}</a><br> </li><br> </ul><br> Selected: <b>{{ selected.item }}</b><br> </div><br> <div class=modal-footer><br> <button class=btn btn-primary ng-click=ok()>OK</button><br> <button class=btn btn-warning ng-click=cancel()>Cancel</button><br> </div><br> <br><br> <button class=btn btn-default ng-click=open()>Open me!</button><br> <button class=btn btn-default ng-click=open(lg)>Large modal</button><br> <button class=btn btn-default ng-click=open(sm)>Small modal</button><br> <div ng-show=selected>Selection from a modal: {{ selected }}</div><br> </div><br> </body><br><br>angular.module(ui.bootstrap.demo,[ui.bootstrap])<br>.controller(ModalDemoCtrl, function($scope, $modal, $log) {<br><br> $scope.items = [item1, item2, item3]<br><br> $scope.open = function(size) {<br><br> var modalInstance = $modal.open({<br> templateUrl: myModalContent.html,<br> controller: ModalInstanceCtrl,<br> size: size,<br> resolve: {<br> items: function() {<br> return $scope.items<br> }<br> }<br> })<br><br> modalInstance.result.then(function(selectedItem) {<br> $scope.selected = selectedItem<br> }, function() {<br> $log.info(Modal dismissed at: new Date())<br> })<br> }<br>})<br>.controller(ModalInstanceCtrl, function($scope, $modalInstance, items) {<br><br> $scope.items = items<br> $scope.selected = {<br> item: $scope.items[0]<br> }<br><br> $scope.ok = function() {<br> $modalInstance.close($scope.selected.item)<br> }<br><br> $scope.cancel = function() {<br> $modalInstance.dismiss(cancel)<br> }<br>})<br> <br></html></p><h2>如 何 写 公 共 js????</h2><p>楼上正解。<br>1.页面A、页面B调用了common.js,并同时打开<br>2.页面B先加载完毕,<br>开始请求服务器操作()<br>{<br> 2.1 判断某个cookie(js写入的cookie)的值,若为1表示其他页面已经请求,若不存在或者为0表示未请求<br> 2.2cookie值为0,请求服务器,并用js写入cookie值}<br>服务器端,页面加载的时候,初始化js(例如删除、修改值)写入的cookie<br><br>页面A仍按上述流程执行</p><h2>angular js的directive怎么使用</h2><p>Directive(指令)是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLASS属性或ATTR属性,并且它不只是单单如此,你还可以在它的基础上来操作scope、绑定事件、更改样式等。通过这个Directive,我们可以封装很多公共指令,比如分页指令、自动补全指令等等。然后在HTML页面里只需要简单的写一行代码就可以实现很多强大的功能。一般情况下,需要用Directive有下面的情景:<br>1. 使你的Html更具语义化,不需要深入研究代码和逻辑即可知道页面的大致逻辑。<br>2. 抽象一个自定义组件,在其他地方进行重用。</p>