问题标签 [angularjs-ng-include]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
83 浏览

javascript - ngInclude 仅用于部分模板目的,还是我可以共享其他 Angular 应用程序?

所以如果这个问题已经得到解答,我提前道歉,尽我所能查看类似的堆栈,但基本上我对 ngInclude 功能的范围感到好奇。

正如问题所提出的那样,它是否有一个单一的目的,作为部分模板渲染功能?

或者我是否可以设置一个嵌入了 Angular 脚本的部分,该脚本将在不同的 URI/路由上运行,因为该页面也提供 Angular。

我正在寻找一种在服务之间共享角度界面的最佳方式,而不是使用 iframe。

0 投票
1 回答
1244 浏览

angularjs - AngularJS CSP 在 Chrome 中不起作用

我有一个使用 Tomcat 和 AngularJS (v1.2.14) 编写的应用程序。在 web.xml 中,我将 ContentSecurityFilter 设置为/*,然后在配置中设置策略规则以允许同源、允许 eval 并允许不安全的内联。

我已将https://mysite.com/my/app/url映射到 index.jsp,它最终会执行以下操作:

wizard.html 是真正的应用程序发生的地方。我有一堆 AngularJS 指令等。

此设置在 IE 和 FF有效,但在 CH 中无效。当我尝试在 Chrome 中访问 my/app/url 时,wizard.html 没有显示。index.jsp 的其余部分显示正常。去开发工具我看到我得到了wizard.html的这个错误:

加载资源失败:服务器响应状态为 401(未授权)

服务器日志中没有错误。如果我在 web.xml 中禁用 CSP 过滤器映射,Chrome 就会开始正常工作。但出于安全原因,我必须有 CSP 过滤器。

有谁知道如何解决这一问题?任何帮助表示赞赏!

0 投票
2 回答
36286 浏览

angularjs - AngularJS ng-include:onload调用包含控制器中定义的函数

使用 AngularJS,是否可以使用“onload”参数来触发在“子”控制器(由包含的模板调用的控制器)中定义的函数?

例子:

是否有意义?或者我应该简单地调用 childController 中的函数,如下所示?

0 投票
2 回答
2009 浏览

javascript - 如何在 Directive Link 函数中为变量添加 TemplateURL?

如何在指令的链接函数中包含模板 URL?我正在尝试做这样的事情:

当我搜索时,我了解到 Angular 指令可以使用templateUrl. 但我试图将 html 代码存储到一个变量中,该变量link最终被编译。通常对于小代码,我只需将 HTML 内联到var htmlText. 但是,如果我有很多代码,我想将其保存到一个单独的 html 文件中,然后为该变量调用它(如上面示例中所示)。所以我的问题是

1) 如何为内部变量添加指向模板 URL 的链接link

2)当我添加url路径时,我是添加index.html文件所在的相对路径还是该指令文件所在的路径?

0 投票
1 回答
588 浏览

javascript - AngularJS - JQuery:ngInclude 指令 - DOM

我的模板引导程序包含 JS,因为它们被称为 JS 未执行,请您有一个想法。

这是我的 Index.html

我的 navbar.html

在我的模板库中有-theme.js

当 Body 元素中有“菜单”类时,CSS 会显示一个侧边栏

谁知道为什么不显示??(演示jsfiddle

0 投票
1 回答
290 浏览

angularjs - 监视表达式在包含的模式中不起作用

我只是想让工作成为一个模式的手表表达式,它包含在一个 html 文件中。

在我的演示中,有 2 块手表:一个可以工作,另一个不能。

http://plnkr.co/edit/bNF7Yw?p=info

谢谢

0 投票
1 回答
1847 浏览

node.js - angularjs ng-include不显示文件

我正在尝试实现一个基本的 node-express angular 应用程序,其中包含一个 ng-include 指令。

这是我的应用程序的结构:

  • 应用程序:
    • 服务器.js
    • 包.json
    • 上市:
      • js
      • css
      • 索引.html
      • 部分:
        • header.html
        • 部分about.html
        • 部分homt.html

我的 server.js 的内容如下:

这是我的 index.html 的内容:

但是,当我尝试将 index.html 简化为:

使用 header.html 显然包括:

它不起作用,有什么想法吗?

0 投票
1 回答
237 浏览

javascript - 使用 ng-include 时如何访问父 $scope 变量?

我的目标是访问父 $scope 变量。

这篇文章对我有很大帮助,但是我不知道如何在真实案例中做到这一点。当我在子 html 中声明控制器时,它会引发错误:

我的项目看起来像这个Plunker

是否由于嵌套的 App 声明而发生此错误?

0 投票
1 回答
19114 浏览

angularjs - 在 AngularJS 的 ng-include 中使用外部 url

我在 AngularJS 中有一个问题,需要一些指针。

我有一个要嵌入外部 url 的视图(例如http://www.w3schools.com)。嵌入的 html 页面应该像普通的 html 页面一样响应点击和触摸等事件。

我已经使用 ng-include 指令来使其正常工作。

这是一个代码片段:

如果我加载外部 html,我会加载外部网页,但页面内的所有链接都已损坏。如果我单击加载页面内的任何链接,所有链接现在都指向 localhost 而不是外部 url。

我该如何解决这个问题?

预先感谢!

0 投票
1 回答
1252 浏览

asp.net-mvc - AngularJs + IE9 + ng-include + html5Mode = 页面重新加载?

我正在尝试在 IE 9 中使用 Angular 1.2.16 进行路由。但是,我注意到在我的页面上使用 ng-include 时,一切都会中断。如果我只删除 ng-include,简单的路由就可以工作(例如,没有参数的路由)。不过,复杂的路线仍然中断。如果我不打开 Html5Mode,ng-include 工作正常。有没有办法两者兼得?

我在小提琴中重现了这个问题:http: //jsfiddle.net/Q55UR/3/ 请注意,如果我注释掉 html5Mode 或 ng-include,其余的东西如何工作:

$locationProvider.html5Mode(true); 或者 <div ng-include src="coursesTemplateId"></div>

旁注:复杂的路由中断也可能与我的框架有关(MVC 4) - 我很想指出在 MVC 4 中使用路由中的参数获取 IE9 + angularJs 路由的资源。