问题标签 [ng-template]

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 回答
1353 浏览

javascript - 带有 angularjs 模板的 Visjs 时间线

我想在我的 AngularJS 应用程序中使用来自 visjs.org的时间线。要渲染单个单元格,我想使用 AngularJS 模板。

在 visjs.org 网站上,我可以找到一个 Handlebars 模板的示例,该模板运行良好。

但是我想使用一些 AngularJS 功能(如 i18n 过滤器等),所以我更喜欢有一个“text/ng-template”模板,但我不知道如何配置 visjs 以使用 AngularJS 模板。

有任何想法吗?

0 投票
4 回答
13037 浏览

angular - 角度 4 和 ng 模板

我收到这个警告:

使用 Angular 4 时,发布版本是否会处理这个问题?

谢谢

0 投票
0 回答
115 浏览

html - AngularJS变量未显示在ng-template中

在通过 Google 搜索时,我花了好几个小时试图解决这个问题,但我一无所获。

我正在尝试做一些相对简单的事情;当用户单击图像时,应该会出现一个模态框,其中包含该图像。

但是,图像不显示。我可以访问{{$ctrl.selectedPhoto.photoname}}页面的其他部分,但不能从 ng-template 中访问。这是 plunker 的链接:https ://plnkr.co/edit/3IoK56UdFD5WXDEpAgRb?p=preview

提前谢谢你的帮助!

0 投票
1 回答
230 浏览

angularjs - html 未在 ng-template 中呈现

我有一些从 laravel 控制器传递的格式正确的 json,我想用 angular 递归地显示它们,但 ng-template 中的 HTML 没有呈现。怎么了?

注意:我用 <% %> 替换了角度默认标签 {{ }}

和 getTreeData() 是:

和json数据

0 投票
0 回答
1481 浏览

angular - 未处理的承诺拒绝:模板解析错误:'ng-template' 不是已知元素

使用“npm install”更新 Angular2 应用程序并使用“npm start”启动服务器后,我收到此错误

我用谷歌搜索了它,发现在 angular4 模板中用“ng-template”表示。我认为我的一些软件包依赖于 Angular4,但我无法解决这个问题。

这里的任何人都可以帮助我。

0 投票
1 回答
11305 浏览

angular - Angular 2 ng-template 未在组件内部的 dom 中呈现

我有一个像这样的组件

html 是,请注意最顶部的 popover 组件

open组件只是一个展示html的组件

和 popover 组件的 html

我的问题是当我将 ng-template 包裹在测试中时,h1 测试元素不会在 dom 中呈现。更明确地说,ng-template 不渲染,这是我需要将#popover 传递给 open 函数以打开弹出框的内容。

当我删除 ng-template 时,我可以看到 h1 测试。我需要 ng-template 在 dom 中呈现,并且我将 i 放入一个组件中,因为 popover 组件中有很多 html。

知道为什么会这样吗?

0 投票
0 回答
412 浏览

javascript - 如何在脚本标签/ng-template 中使用 ng-controller?

我正在处理模态图像弹出窗口。对于我正在处理的项目,脚本/ ng-template 似乎是让它工作的唯一方法。当我像这样对 ng-src 进行硬编码时,它适用于一张图像:

但是,我希望能够更改 ng-src。我在这里得到了一些建议,试图通过数据绑定来做到这一点,但我遇到了问题。为此,以下是我的代码以及我尝试添加 ng-controller 和数据绑定时遇到的错误:

在 HTML 中:

在 JS 中(“app”已经被初始化/用于代码其他部分的其他控制器):

请注意,我只是在控制器中对路径进行硬编码以进行测试,但如果我能让它工作,我希望能够使用控制器来更改图像路径。

在添加这些之后,我得到了错误:

错误:[$compile:tpload] 并链接到: https ://docs.angularjs.org/error/ $compile/tpload?p0=openModal&p1=404&p2=Not%20Found

我对角度相当陌生,非常感谢任何帮助!

0 投票
1 回答
336 浏览

angular - 如何将模板注入剑道上传的模板?

很抱歉,如果之前已经回答过这个问题,但要么我很难理解这个概念,要么我还没有找到我要找的东西。我是 Angular(2/4)模板的新手,所以请客气。

我创建了一个实现剑道上传组件的组件。与其试图解释,不如让我演示一下我想做的事情:

在我的附件组件中是剑道上传组件:

本质上,我想做的是提供在附件组件级别使用 ng-template 的选项。否则,我希望剑道上传组件使用它的内部默认模板。

那有意义吗?

我一直在尝试使用 ngTemplateOutlet,但我不确定我是否正确实施它。

0 投票
3 回答
14427 浏览

angular - 使用 ngTemplateOutlet 基于值而不是变量的动态模板

我试图模拟一组动态的问题。想想一个测验,其中一个问题是选择题,第二个是单选题,第三个是是不是......等等。

使用 Angular 4.1,我认为使用 ngTemplateOutlet 进行模板化是最好的方法,我的想法是我可以将所有复选框的样式设置为相同,并且所有单选按钮都相同等。

我已经创建了这个 plunker 作为概念验证,但它不起作用。所有代码都在src/app.ts文件中。

我想要的是这样的:

如何修改此代码以使用变量的值来指示要使用的模板?

0 投票
1 回答
6869 浏览

angular - 带有新的 Observable 和 ng-template 的 Angular 4 Async 管道不起作用

我正在尝试使用 Angular 4 异步管道和使用创建的 Observable 显示房间列表new Observable()

我有一个这样定义的 RoomService:

和一个 RoomListComponent 定义如下:

我正在尝试显示这样的房间:

但它不起作用。视图一直显示正在加载...请谁能告诉我我的代码有什么问题?