请选择 进入手机版 | 继续访问电脑版
本站特色:极好的技术研究氛围!所有技术交流,必有回复!

疯狂Java联盟

 找回密码
 加入联盟
查看: 124|回复: 3

[疯狂前端开发] Angularjs+layui

[复制链接]
发表于 2018-10-31 12:07:02 | 显示全部楼层 |阅读模式
您好!最近做一个项目,要用到单页面+layui。我想用Angularjs调layui方法,不知道该如何调用。layui实例里,方法都是写在页面<script>标签里的,我使用Angularjs该如何调用呢?现在layui的样式我都解决了,就是不知道如何在Angularjs里调用layui的方法
 楼主| 发表于 2018-10-31 12:08:41 | 显示全部楼层
layui写在<script>标签里的代码我是该写在哪里?该如何写?非常感谢
发表于 2018-11-1 11:47:02 | 显示全部楼层
一样写啊,就像angularjs里同样调用jQuery一样。
 楼主| 发表于 2018-11-2 13:39:27 | 显示全部楼层
能否给推荐一个搞.net用Angularjs开发SPA的牛人?我现在有个问题,Angularjs + layUI, LayUI的代码倒是执行了,在<script>里,但是不是加载页面就能执行,要刷新一下页面才执行<script>里的代码。这是怎么回事呢?代码如下:
@{
    Layout = null;
}
<!DOCTYPE html>
<html ng-app="homeCinema">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home Cinema</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/vendors")
    @Scripts.Render("~/bundles/spa")
    <script src="~/layui/layui.js"></script>
   
</head>
<body class="layui-layout-body" ng-view>
   
    <script>
        //JavaScript代码区域
        layui.use(['layer', 'element'], function () {
            var layer = layui.layer;
            var element = layui.element;
        });
      
        openLayer = function (name, url) {
            layer.open({
                type: 2 //此处以iframe举例
                ,
                title: name,
                area: ['600px', '400px'],
                shade: 0,
                maxmin: true,
                offset: 'auto',
                content: url
            });
        };

    </script>

</body>
</html>
您需要登录后才可以回帖 登录 | 加入联盟

本版积分规则

小黑屋|手机版|Archiver|疯狂Java联盟 ( 粤ICP备11094030号 )

GMT+8, 2018-11-21 11:31 , Processed in 0.160322 second(s), 6 queries , File On.

快速回复 返回顶部 返回列表