angular创建一个独立弹窗服务

1.说明:

  这个服务用于创建一个modal(弹窗),通常下,这个弹窗会插入到body的底部,并且拥有自己的作用域($scope),也可以和外界通讯。

2.逻辑:

  (1).创建模版

  

 

  

  (2).拿到模版里要插入的内容

  

  console templateAndResolvePromise 的结果:

  value数组有两项,分别是template(模版)和resolve(数据)。 

  templateAndResolvePromise是一个promise对象

  

  

  解析参数里的模版和resolve的方法:

  

  template(templateUrl) 是html模版,resolve是一些数据或方法。

  (3).创建全新的作用域(scope.$new()),实例化controller($controller()):

  

  

  (4).将作用域关联到模版($compile(html)(scope)),模版插入到页面:

  

3.代码:

  

  

4.用法:

  

 

posted @ 2016-07-06 10:46  三行代码走天下  阅读(536)  评论(0编辑  收藏  举报