The ng-layer from think2011

ng-layer's Introduction

概述

对layer的angular封装，同时增加异步载入content的功能

下载

推荐使用 bower install ng-layer
当然也可以直接复制 ng-layer.js 文件

使用

①. 引入layer自身，再引入ng-layer

②. 注册模块

angular.module('app', ['ng-layer']);

③. 使用

支持标准方式和 controller as方式(感谢@wandergis)

标准方式

var layerId = layer.open({
    contentUrl: 'modules/home/index.html',  // 额外增加的方法，正如其名
    scope: $scope
});

// layer.close(layerId);

controller as方式

var layerId = layer.open({
    // contentUrl: 'modules/home/index.html'，当然也还可以用原来的content
    content: '<div controller="appCtrl as vm">{{vm.name}}</div>'
});

// layer.close(layerId);

具体可以查看demo文件

兼容

理论上支持任何版本的layer，除非layer更改了核心功能

ng-layer's People

Contributors

Stargazers

Watchers

ng-layer's Issues

请教如果content里面写了控制器，如何动态绑定，目前没效果

如果content里面的字符串是如下的内容，

如何使得angular能正确解析这块啊？

.factory('layer', layer);没用使用as的写法导致压缩之后使用报错

应改成这种形式

layer.open时iframe的url地址在高版本浏览器中会请求2次

chrome浏览器升级后，总会出现访问两次url地址的情况，第一次被强制取消，第二次才成功。但是后台服务器仍然执行了第一次的请求。

var oldOpen = _open(deliver);//第一次
var $el = $('#layui-layer' + oldOpen);
var $content = $el.find('.layui-layer-content');
var injectScope = deliver.scope || $rootScope.$new();

$content.replaceWith($compile($content[0].outerHTML)(injectScope));//第二次

Recommend Projects