问题标签 [angular2-ngcontent]

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 投票
2 回答
560 浏览

angular - *ngFor 不包含在 ng-content 中

我需要在另一个组件中重复一个组件,比如说:

组件 A 在其 ng-content 中只接受 B 类型的组件。

做类似的事情:

或这个:

不工作...

我无法修改组件-a 或组件-B,并且这些方法不会呈现组件-B ...

任何想法如何克服这个问题?

谢谢。

PS:我可能需要为每个项目添加多个组件-B。

0 投票
1 回答
61 浏览

javascript - 试图减少我的代码库中的代码重复

我正在尝试减少代码库中的代码重复,我的 HTML 中有以下模式:

基本上,我有几个遵循这种模式的 CRUD 类型的表单,我想将它们全部保存在一个单独的组件中,以减少重复。onSubmit()我有一个实现、创建entityForm和控制的抽象类组件类loading。从这个抽象类扩展的类也将为它们自己的表单实现一些自定义行为。

问题是:如何将其发送entityForm到实现此表单的任何组件,以便我可以实际创建它?甚至可能吗?

或者,我是否以错误的方式接近这个?为了减少这里的代码重复,也许有更好/不同的模式可以遵循?

先感谢您。

0 投票
2 回答
12268 浏览

angular - 角度 4/5 中的条件 ng-content

嗨,我想要一些ng-content的有条件实现, 例如

但在#newDiv 中没有投射任何内容。TIA。

0 投票
1 回答
7819 浏览

angular - for 循环中的 ng-content

我正在尝试使用引导程序创建一个选项卡组件。

我看过这篇文章: https ://juristr.com/blog/2016/02/learning-ng2-creating-tab-component/ 但我的用例不同。

我需要<ng-content>在for的每个循环中使用不同的。这是我的 plunker:https ://plnkr.co/edit/N2p8Vx?p=preview 它在第二个选项卡中打印两个描述,将第一个留空。

感谢任何帮助!

0 投票
1 回答
1999 浏览

angular - Angular 4 能否具有动态 ng-content 和动态选择

角度 4 可以具有动态 ng-content。是否可以提供一种方法来删除静态 slide1,slide2 以便它可以由 *ngFor 实现

子组件的内容:

在我的父组件中

我只想处理我的以下情况

0 投票
1 回答
831 浏览

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

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

包装:

利用:

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

0 投票
2 回答
1486 浏览

angular - 以编程方式在角度 2 中设置组件的内容

我创建了一个简单的窗口组件,它有一个标题并显示了一些内容。我的应用程序一次只会显示一个窗口,所以我将它放在我的应用程序的根目录中,并且只在需要时更改其内容。

由于我需要能够从应用程序的各个位置设置窗口内容,因此我创建了我的组件绑定到的服务。这样我就可以从我需要的任何地方调用服务上的方法,并更改窗口组件的属性。

然而,我不知道如何处理该服务,是指定要显示为窗口内容的组件实例。我可以以某种方式例如以编程方式设置ng-content窗口组件吗?

我当前的解决方法是在窗口组件中指定所有可能的内容,并选择正确的内容,*ngIf如下所示:

它工作得很好,但是列表越来越长并且难以维护。我也不喜欢将我的窗口组件与所有其他与它无关的组件结合在一起。此外,每个不同的内容都有自己的输入参数,现在窗口服务和组件也需要跟踪这些参数......

所以我的问题是;是否有一个我不知道的角度特性可以解决这些问题,或者我应该以另一种方式处理它?

想到的事情是ng-content在窗口组件中放置一个标签,并以某种方式让服务用我需要的东西替换那个标签。或者我应该router-outlet在我的窗口组件内放置一个?我也不喜欢这种方法,因为更改内容不应该算作导航。我已经有了一个与这个组件无关的出口。

0 投票
0 回答
193 浏览

angular - 将数组项传递回组件(ng-content)(角度)(自定义组件)

这可能是一个简单的投影配方,但我一直无法找到答案,简单的问题是

我有一个包含 ng-content 的循环,

所以让我们说

自定义组件

在它的视图文件中有这个

现在,如果我想访问单个实例 tiledata 并将其传递给组件中的 html 使用,就像这样

所以应该像这样显示

所以底线 TileData 的 tiledata 将在组件内容中可用,以允许您编写 html 来显示列表

让我知道这是否有意义,

0 投票
2 回答
7066 浏览

angular - Angular Material Tabs 不适用于包装器组件

我们正在开发一个企业组件库,它应该提供 Material 设计的 Angular 组件。所以这个库的用户不应该直接使用例如Angular Material,而是包含一些像“ custom-tabs ”这样的组件。

直接使用 MatTabModule 的组件就像一个魅力,而当使用我们的自定义组件时,投影的内容不会显示出来。

用法看起来非常类似于 Angular Material API:

自定义组件尝试按如下方式投影内容:

有谁知道我们如何让它工作?

我提供了一个StackBlitz,您可以在其中看到问题的实际情况。

0 投票
0 回答
664 浏览

angular - 如何在其他 Angular 响应式表单中重用 Angular 响应式表单以保持 DRY?

我的 Angular 应用程序中有两个表单:表单A(站点管理员表单)和表单U(标准用户表单)。

表单A包括所有表单U,但添加了更多输入字段。

我只想编写一次Form并在UFormUFormA 中使用它,而不是拥有两个相同代码的副本。

我目前的两个选择似乎是:

1:

在包含的组件中声明<form>,并将子表单作为组件标签传入,即

2.

FormUComponent在处理管理表单或用户表单的情况下包含逻辑。传入“isAdmin”开关,即


哪一个更有意义和/或我还缺少其他选择吗?