问题标签 [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 回答
330 浏览

angular - ngx-bootstrap ProgressBar - 不使用模板

最新版本的 ngx-bootstrap 仍然使用 deprecated 'template' 元素返回 ProgressBar 组件。这会在控制台中发出警告。但根据 GitHub 中的源代码,组件 html 使用了 'ng-template'。这如何不被延续到最新版本中?或者这是一个持续的错误?

问候京东

0 投票
1 回答
145 浏览

angular - 在 Angular 的单个页面中管理多个模板

我有一个用例,我需要根据条件在屏幕上显示 1 个视图(模板)。它们有 10 多个可用模板,但一次只需要显示其中一个。

以下哪个解决方案最相关

  1. 在每个 div 上使用 ngIf
  2. 使用 ngSwitch 并根据条件显示 div
  3. 使用模板(如何管理)
  4. 还有什么办法..?

我想为每种视图类型使用模板,以便我的代码保持干净和可扩展。

0 投票
1 回答
10403 浏览

angular - 如何渲染嵌套的 ng-template

我有这样的嵌套ng-template结构。

如何ng-component在我的组件中渲染子项:

Plunkr https://plnkr.co/edit/Hi1ZqPAAYyIbclUuzRrl?p=preview

先感谢您。

更新

最后,我想将 Angular Material 组件包装到我的组件中,所以如果我能找到比 Material 更好的 UI,我不应该在我的程序中更改 Material 组件的所有精度,我只需要更改我的实现包装 UI 组件。

例如,让我们尝试包装mat-list组件。我需要为mat-list容器制作一个包装器,我们称之为my-list

和一个包装器mat-list-item

HTML 渲染结果将是:

  • 我的列表
    • 垫表
      • 我的列表项
        • 垫子列表项
      • ...

每个 Material 组件都被我的包装器包围,因此 Material 附带的指令和样式将不起作用。

0 投票
0 回答
735 浏览

angular - PrimeNG - 带有数据表的自动完成字段以获取建议

我正在尝试将 PrimeNG 自动完成字段中的建议显示在带有标题的表格中。

最大的事情是只显示第一行的表格标题,并可能消除表格之间的填充。我也希望有一种更优化的方法来处理这个问题,因为现在每个建议都包含在自己的表格中,而且我可以看到在下拉列表中显示大量建议的成本很高。

普朗克

0 投票
1 回答
41177 浏览

html - 如何设置角度 ng-template 选择器的样式

我正在为样式ng-template标签而苦苦挣扎。
到目前为止,我在 .css 文件中尝试过的内容:

  • 在我的 .css 文件中使用 #other_content 作为 ID
  • 添加一个类<ng-template>
  • 样式化所有<td>标签

它不工作,搜索后我没有找到任何解决方案。

HTML:

图片:

在此处输入图像描述

0 投票
3 回答
6249 浏览

angular - Angular - 使用 ng-container 循环问题

我想使用 ng-container 从 ngFor 中调用 ng-template

我的列表是一个数组,并且有一个对象列表。对象的一个​​属性是标题 - 在 ng 模板中可以看到。

html:

注意:问题是 let-item 似乎未定义或为空对象。这很奇怪,因为我把它传进去了。

0 投票
1 回答
7347 浏览

angular - 另一个 ng-template 中的 Angular 4 ng-template 不起作用

我正在使用ng-bootstrap组件 ngtabset。当我嵌套 ng-templates 时,我在视图中看不到任何东西。有人可以解释为什么以及如何解决它吗?

以下工作并向我展示了两个选项卡,两个选项卡中的内容分别可见。

以下内容不起作用,因为我看不到 Tab 2 中的内容。

为什么我需要这样做?我有一个接受 TemplateReference 的自定义组件,它需要显示在选项卡 2 的内容中。

0 投票
1 回答
680 浏览

angular - 仅将自定义模板放在一个标题中(PrimeNG)

我试图在使用 PrimeNG 进行排序时一次仅将一个类(箭头 svg)应用于一个列标题,但是我的 ng-container 中的 ngIf 状态不起作用。我在排序时将所选字段设置为 selectedCol。这里有什么问题?

表布局.component.html

表布局.component.ts

cols.ts

0 投票
1 回答
831 浏览

javascript - 将模板传递给泳道/ngx-datatable

我正在使用泳道/ngx-datatable 组件,并为 ngx-datatable 开发了一个包装器。 

包装:

利用:

这不起作用,我在 app-wrapper 中编写的自定义 html 没有传递给组件。如果组件已经使用了 ng-template,有人会如何处理这个问题?

0 投票
2 回答
775 浏览

angular - ng-template [NgForOf] 返回未定义的值

我有下一个问题:建筑

返回 item.Street 和 item.City Strange 的未定义值,因为如果我使用

我有所有必需的值,但行中的所有列表。问题是什么?提前致谢