cost 363 ms
从访问内容<ng-content>通过 ngProjectAs 通过 @ContentChild</ng-content> - Accessing content from <ng-content> passed through ngProjectAs via @ContentChild

所以我有一个设置,其中我有一个布局组件,它使用多槽方法使我的页面的某些部分可定制: 请注意,我使用@ContentChild注入和显示特定元素。 现在我想创建一个更专业的组件来预填充页脚: 然后我会像这样使用NestedLayoutComponent : 我在这里使用ngProjectAs以便ap ...

Angular 2+ 组件嵌入与父子组件 - Angular 2+ component transclusion vs Parent-Child components

刚刚在Angular了解了transclusion,不知道在什么场景下用会比较好,也不知道它的用途是什么。 如果有什么区别? 或者使用其中一个可能是一个好习惯? 或者你为什么要使用嵌入? 假设我有这个组件,为什么我要将数据嵌入其中而不是将其写入其中:场景 1: 场景 2(转录): 在应用程序组件中 ...

Angular 2 transclusion:我可以将插槽内容向上传递给父组件吗 - Angular 2 transclusion: Can I pass slot content upward to a parent Component

我有一个外部组件(蓝绿色),其中包含一些带有我自己的ui-button按钮的 flexbox 工具栏。 还有一个内部组件,主要在棕色区域做它的事情(正如你所期望的)。 但是,根据内部组件(有几个来回切换的组件),必须在顶部/底部栏中插入更多上下文按钮。 (在外部使用绝对定位内容的 CSS ...

Angular6 嵌入/内容投影:更好的条件是包装 html - Angular6 transclusion / content projection: better conditional on wrapping html

我想总是使用默认的&lt;ng-content&gt;和可选的命名ng-content来呈现我相当简单的组件。 如果该命名的 ng-content 存在,则它应该被额外的 html 包裹。 我确实找到了一个解决方案,但烦人的是我需要两个参考: app.component.html (使用它的地方 ...

如何循环节元素以使用 ng-content 进行投影 - How to loop through section elements to project with ng-content

我正在构建一个步进器,并使用带有ng-content “transclusion”来动态抓取 stepper 标签内的section元素。 stepper.component 视图的工作方式如下: 组件用法如下所示: 但是,我想通过自动识别部分元素来使其动态化: 我怎样才能: 获 ...

使用 ContentChild 访问文本(不是另一个组件的实例) - Access text (not instance of another component) with ContentChild

如何访问组件标签内给出的文本字符串 在模板中,我可以使用ng-content ,或者如果它是某个其他类的实例,我可以在组件定义中访问它,如这些示例中所示。 但是,我有兴趣检测那里是否存在一串文本,我相信这会使providedText未定义。 但是,我总是变得不确定。 我尝试将Text作为传递 ...

如何阻止 MediaWiki 将 html 标签添加到我的嵌入模板? - How do I stop MediaWiki from adding html tags to my transcluded templates?

我将复杂页面的 HTML 拆分为 5 个部分(标题、导航栏、包含、正文、页脚),并在 mediawiki 中为每个块创建了一个模板。 我只想构建调用所有模板的新页面......这个想法是只更改正文部分来做一个新的不同页面(就像地球上任何简单的模板引擎一样): 新页面示例 我的问题是,我嵌入的每个模 ...

以ng-content为主体重复ng-template(创建ng-content的副本) - Repeat ng-template with ng-content as body (create copy of ng-content)

我正在创建一个选项,以将自定义列添加到PrimeNg表中。 我之所以要创建它,是因为我提供了一个默认表,其中已经设置了许多配置选项。 我遇到的问题是,我似乎无法多次重复ng-template组件。 我的版本 角度7.2.12 Primeng 7.1.0 ...

反应与容器组件的转换和通信 - React transclusion and communication with container component

我正在寻找使用React开发这个的正确模式/方法,但到目前为止我没有找到任何相关/优雅的东西。 我基本上想写一个表单引擎。 对于表单的每个输入,我想要一些通用行为。 我读过React文档,继承不是正确的方法; 最好的方法是设计一个通用组件,并通过组合对其进行专门化。 在我的 ...

如何通过嵌入的组件设置宿主组件的样式 - How to set a style of the host component from a transcluded component

我有两个组成部分,父母和孩子。 父级包含子级,并使用其包装一些内容并为其添加标题。 子组件使用包含来实现。 父模板如下所示: 子模板如下所示: 当我尝试使用父组件的CSS控制样式时,可以足够简单地处理所有包含在内的内容: 但是,我无法到达标题元素。 换句话说, ...

角度模板和包含:内容混乱 - Angular template and transclusion: content out of order

我在Angular内容投影方面面临一些挑战。 我有一个模板,该模板对于将要使用的每个实例都有一些通用的HTML,另外一部分会通过包含( ng-content )视情况而ng-content 。 问题是,无论我在模板DOM元素上使用的顺序如何,输出始终是相同的。 这是代码: 我希望产 ...

防止ng-template在包含中呈现 - Prevent ng-template from being rendered in transclusion

当我们使用ng-template创建预定义模板时,将在使用前呈现内容。 当我们具有自动完成之类的元素,这些元素会调用远程api来获取数据时,这是一个问题。 我想防止这种情况,仅在需要时才渲染模板内容。 上下文:我有一个带有高级筛选器的表组件,当用户单击高级筛选器按钮时会打开该组 ...

父母应该如何为Angular设置子组件的样式? 我想要一个不会被淘汰的好的解决方案 - How should a parent style a child component for Angular? I'd like a good solution that won't be deprecated

当我需要为新用途而稍微更改组件时,我研究了转置和多插槽转置以及在组件周围添加HTML的情况,但是仍然有一些情况需要更改组件的内部样式。 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM