问题标签 [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.
angular - *ngFor 不包含在 ng-content 中
我需要在另一个组件中重复一个组件,比如说:
组件 A 在其 ng-content 中只接受 B 类型的组件。
做类似的事情:
或这个:
不工作...
我无法修改组件-a 或组件-B,并且这些方法不会呈现组件-B ...
任何想法如何克服这个问题?
谢谢。
PS:我可能需要为每个项目添加多个组件-B。
javascript - 试图减少我的代码库中的代码重复
我正在尝试减少代码库中的代码重复,我的 HTML 中有以下模式:
基本上,我有几个遵循这种模式的 CRUD 类型的表单,我想将它们全部保存在一个单独的组件中,以减少重复。onSubmit()
我有一个实现、创建entityForm
和控制的抽象类组件类loading
。从这个抽象类扩展的类也将为它们自己的表单实现一些自定义行为。
问题是:如何将其发送entityForm
到实现此表单的任何组件,以便我可以实际创建它?甚至可能吗?
或者,我是否以错误的方式接近这个?为了减少这里的代码重复,也许有更好/不同的模式可以遵循?
先感谢您。
angular - 角度 4/5 中的条件 ng-content
嗨,我想要一些ng-content的有条件实现, 例如
但在#newDiv 中没有投射任何内容。TIA。
angular - Angular 4 能否具有动态 ng-content 和动态选择
角度 4 可以具有动态 ng-content。是否可以提供一种方法来删除静态 slide1,slide2 以便它可以由 *ngFor 实现
子组件的内容:
在我的父组件中
我只想处理我的以下情况
javascript - 将模板传递给泳道/ngx-datatable
我正在使用泳道/ngx-datatable 组件,并为 ngx-datatable 开发了一个包装器。
包装:
利用:
这不起作用,我在 app-wrapper 中编写的自定义 html 没有传递给组件。如果组件已经使用了 ng-template,有人会如何处理这个问题?
angular - 以编程方式在角度 2 中设置组件的内容
我创建了一个简单的窗口组件,它有一个标题并显示了一些内容。我的应用程序一次只会显示一个窗口,所以我将它放在我的应用程序的根目录中,并且只在需要时更改其内容。
由于我需要能够从应用程序的各个位置设置窗口内容,因此我创建了我的组件绑定到的服务。这样我就可以从我需要的任何地方调用服务上的方法,并更改窗口组件的属性。
然而,我不知道如何处理该服务,是指定要显示为窗口内容的组件实例。我可以以某种方式例如以编程方式设置ng-content
窗口组件吗?
我当前的解决方法是在窗口组件中指定所有可能的内容,并选择正确的内容,*ngIf
如下所示:
它工作得很好,但是列表越来越长并且难以维护。我也不喜欢将我的窗口组件与所有其他与它无关的组件结合在一起。此外,每个不同的内容都有自己的输入参数,现在窗口服务和组件也需要跟踪这些参数......
所以我的问题是;是否有一个我不知道的角度特性可以解决这些问题,或者我应该以另一种方式处理它?
想到的事情是ng-content
在窗口组件中放置一个标签,并以某种方式让服务用我需要的东西替换那个标签。或者我应该router-outlet
在我的窗口组件内放置一个?我也不喜欢这种方法,因为更改内容不应该算作导航。我已经有了一个与这个组件无关的出口。
angular - 将数组项传递回组件(ng-content)(角度)(自定义组件)
这可能是一个简单的投影配方,但我一直无法找到答案,简单的问题是
我有一个包含 ng-content 的循环,
所以让我们说
自定义组件
在它的视图文件中有这个
现在,如果我想访问单个实例 tiledata 并将其传递给组件中的 html 使用,就像这样
所以应该像这样显示
所以底线 TileData 的 tiledata 将在组件内容中可用,以允许您编写 html 来显示列表
让我知道这是否有意义,
angular - Angular Material Tabs 不适用于包装器组件
我们正在开发一个企业组件库,它应该提供 Material 设计的 Angular 组件。所以这个库的用户不应该直接使用例如Angular Material,而是包含一些像“ custom-tabs ”这样的组件。
直接使用 MatTabModule 的组件就像一个魅力,而当使用我们的自定义组件时,投影的内容不会显示出来。
用法看起来非常类似于 Angular Material API:
自定义组件尝试按如下方式投影内容:
有谁知道我们如何让它工作?
我提供了一个StackBlitz,您可以在其中看到问题的实际情况。
angular - 如何在其他 Angular 响应式表单中重用 Angular 响应式表单以保持 DRY?
我的 Angular 应用程序中有两个表单:表单A
(站点管理员表单)和表单U
(标准用户表单)。
表单A
包括所有表单U
,但添加了更多输入字段。
我只想编写一次Form并在U
FormU
和FormA
中使用它,而不是拥有两个相同代码的副本。
我目前的两个选择似乎是:
1:
在包含的组件中声明<form>
,并将子表单作为组件标签传入,即
2.
FormUComponent
在处理管理表单或用户表单的情况下包含逻辑。传入“isAdmin”开关,即