问题标签 [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 投票
3 回答
1966 浏览

javascript - 模板内的函数被多次调用(Angular JS)

今天我不得不修复由这段代码引起的性能问题:注意模板内部调用的updateStats

模板使用:

调试这段代码后,我发现这个函数被调用的次数比数组大小要多得多(我的数组有4个对象,这个函数被调用了100多次),甚至鼠标悬停也调用了这个函数。我通过在模板中放置一个 ng-init 来解决这个问题,现在它可以正常工作了,但我不明白为什么这个函数被调用了这么多次。关于双向数据绑定有什么问题吗?

0 投票
0 回答
876 浏览

angularjs - ng-include 没有找到 ng-template

大家好,我是角度的新手。我的帖子与:`ng-include` 找不到内联`ng-template` 相同

我有一个 ng-include 没有找到我的 ng-template,不断收到 404: Failed to load resource: 服务器响应状态为 404 (Not Found) http://localhost/display

当我将模板放在单独的 html 文件中时,它可以正常工作,但显然这并不理想。

任何想法将不胜感激。

我的观点:

我的 index.html

0 投票
0 回答
432 浏览

ng-template - angularjs:无法从控制器中的 ng-template 获取范围变量值

在我的项目中,我使用angularjs开发了一个webapp,我在项目中使用了ng-template,如下所示:

城市组合框中列出了一些城市,最后是“其他”,如果目标城市不在列表中,用户应在输入文本框中自行输入城市,输入文本框由 控制ng-if。它工作正常。

但问题是我无法获取搜索框的用户输入数据。我设置了ng-model = "searchedCity"指令,但是在下面的 JS 代码中,我无法获取它的值。

})

的输出console.log($scope.searchedCity)未定义。那么问题是什么?

编辑:经过长时间的调试和大量关于控制器之间通信的谷歌搜索。
<div ng-if="selectedCity=='Others'" ng-include="'searchbox.html'"></div>
我在上面的标签中找到了根本原因,ng-ifng-include用于在页面上实现预期的效果。但它在 angularjs 中带来了更多的担忧。由于两者ng-ifng-include产生更深或亚的层次scope。所以在这种情况下,ng-template 是主控制器的孩子的孩子。所以解决方案是$parent。所以按照以下方式进行操作,可以使它对我有用
ng-model = "$parent.$parent.searchedCity"

0 投票
1 回答
297 浏览

javascript - 在 Angular 控制器中导入和编译外部 HTML 的正确方法是什么?

我敢打赌,这个问题已经在某个地方得到了回答,但我的回答是空的。

我正在使用 Angular 1.5.7 并希望在我的项目中将一些外部 HTML 导入组件控制器(在工具提示中使用),但我不知道该怎么做。

我在文件夹中的结构就像这样:

  • 组件.js
  • 组件模板.html
  • other_html.html

我尝试了以下操作,将 WebPack 与 html 和 ngTemplate 加载器(在我的 webpack 配置中配置)一起使用:在我的控制器声明上方,我添加

这正是我获取视图模板的方式(并且不用多说):

在组件控制器内部,我尝试了 $sce.trustAsUrl、$sce.getTrustedHtml 和 $sce.getTrustedUrl 的各种组合,以将我的外部 HTML(在变量“other_html”中)的内容解包为字符串,但坦率地说,这些事情只是让我感到困惑,文档也无济于事。似乎我还需要针对我的控制器范围编译生成的字符串,但我首先需要一个 HTML 字符串(我一直以 URL 字符串结尾)。

任何人都可以为我演示这样做的最佳方式,无论是否依赖 WebPack 以及过程中的 html 和 ngTemplate 加载器?

谢谢

0 投票
2 回答
549 浏览

javascript - 找不到模板 - 使用 angularjs ngCart 为电子商务构建购物车

我正在构建一个有角度的网络应用程序,并试图合并 ngCart。我使用 安装它bower install ngcart --save,将 bower 文件合并到我的 index.html 文件中,并将其作为依赖项注入到应用程序中。当我尝试使用<ngcart-addtocart>指令(仅ngcart-addtocart在视图文件中合并标签)时,我收到以下错误 -Error: [$compile:tpload] Failed to load template: template/ngCart/addtocart.html (HTTP status: 404 Not Found)

我怀疑这是我想念的简单东西。谢谢!

0 投票
1 回答
255 浏览

angularjs - NgMap 未在 ngDialog 中呈现

我有这个 ng 模板

它要求点击

功能是

这实际上是在一个角度指令内。如果 ngMap 不在 ng-template 中而是在指令中,则它会正确呈现。我究竟做错了什么?

0 投票
1 回答
74 浏览

angularjs - PhpStorm 不会折叠 Angular 模板中的标签

我已经搜索过但找不到答案,所以我确信其他 Angular 开发人员也会遇到同样的痛苦。

PhpStorm 无法识别<script type="text/ng-template" id="editnode">模板中的 html 标签,因此我无法折叠其中的任何内容,这会使长页面的生活变得困难。

有人知道如何解决这个问题吗?

这是一个屏幕截图: PhpStorm 截图

0 投票
1 回答
498 浏览

javascript - 使用列表动态构建 ng-template

我正在尝试动态构建 ng-template,在数据结构中,我有一个包含相同类型或其他类型对象列表的对象。

我的 ng 模板代码:

在 ng-template 代码中,可以很容易地添加第一级或不同类型的对象,但是在第二级添加相同类型的对象时不能正常工作,它似乎处于递归循环中。这是因为嵌套的 ng-template (child) ng-template 使用了来自 ng-repeat="element.columns" 中的根 item.columns。

Ng-模板嵌套

任何建议如何解决此问题。

0 投票
1 回答
10277 浏览

angular - 如何在angular2中动态添加克隆节点(相当于cloneNode)

在 Angular2 中,在某些情况下我需要复制一个节点而不是移动它。该节点具有 angular2 属性,因此 cloneNode 不起作用。我该怎么做?

*什么不起作用

*什么会起作用,来自Angular2:克隆组件/HTML 元素及其功能

但是如何动态添加模板呢?

0 投票
1 回答
2930 浏览

javascript - (Angular 2+)在 *ngFor 中使用 ng-content,无法访问循环变量

如何将/投影到循环内的插槽中,并使投影内容能够访问循环变量?

假设我有一个包含以下内容的基本组件

以及一个使用嵌入槽“slot”的子组件

我想生成的 HTML 是

但实际发生的是子组件中没有定义“数据”,这是有道理的。有什么办法可以让它像这样工作吗?