问题标签 [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.
javascript - ngInclude 仅用于部分模板目的,还是我可以共享其他 Angular 应用程序?
所以如果这个问题已经得到解答,我提前道歉,尽我所能查看类似的堆栈,但基本上我对 ngInclude 功能的范围感到好奇。
正如问题所提出的那样,它是否有一个单一的目的,作为部分模板渲染功能?
或者我是否可以设置一个嵌入了 Angular 脚本的部分,该脚本将在不同的 URI/路由上运行,因为该页面也提供 Angular。
我正在寻找一种在服务之间共享角度界面的最佳方式,而不是使用 iframe。
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 过滤器。
有谁知道如何解决这一问题?任何帮助表示赞赏!
angularjs - AngularJS ng-include:onload调用包含控制器中定义的函数
使用 AngularJS,是否可以使用“onload”参数来触发在“子”控制器(由包含的模板调用的控制器)中定义的函数?
例子:
是否有意义?或者我应该简单地调用 childController 中的函数,如下所示?
javascript - 如何在 Directive Link 函数中为变量添加 TemplateURL?
如何在指令的链接函数中包含模板 URL?我正在尝试做这样的事情:
当我搜索时,我了解到 Angular 指令可以使用templateUrl
. 但我试图将 html 代码存储到一个变量中,该变量link
最终被编译。通常对于小代码,我只需将 HTML 内联到var htmlText
. 但是,如果我有很多代码,我想将其保存到一个单独的 html 文件中,然后为该变量调用它(如上面示例中所示)。所以我的问题是
1) 如何为内部变量添加指向模板 URL 的链接link
?
2)当我添加url路径时,我是添加index.html文件所在的相对路径还是该指令文件所在的路径?
javascript - AngularJS - JQuery:ngInclude 指令 - DOM
我的模板引导程序包含 JS,因为它们被称为 JS 未执行,请您有一个想法。
这是我的 Index.html
我的 navbar.html
在我的模板库中有-theme.js
当 Body 元素中有“菜单”类时,CSS 会显示一个侧边栏
谁知道为什么不显示??(演示jsfiddle)
angularjs - 监视表达式在包含的模式中不起作用
我只是想让工作成为一个模式的手表表达式,它包含在一个 html 文件中。
在我的演示中,有 2 块手表:一个可以工作,另一个不能。
http://plnkr.co/edit/bNF7Yw?p=info
谢谢
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 显然包括:
它不起作用,有什么想法吗?
angularjs - 在 AngularJS 的 ng-include 中使用外部 url
我在 AngularJS 中有一个问题,需要一些指针。
我有一个要嵌入外部 url 的视图(例如http://www.w3schools.com)。嵌入的 html 页面应该像普通的 html 页面一样响应点击和触摸等事件。
我已经使用 ng-include 指令来使其正常工作。
这是一个代码片段:
如果我加载外部 html,我会加载外部网页,但页面内的所有链接都已损坏。如果我单击加载页面内的任何链接,所有链接现在都指向 localhost 而不是外部 url。
我该如何解决这个问题?
预先感谢!
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 路由的资源。