- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 Angular 5 并尝试创建某种动态组件。
我有一个简单的指令,MyColumnDef
(使用选择器 [myColumnDef]
)。它没有什么特别之处。我正在使用它:
父组件.html :
<div>
<my-table>
<ng-template myColumnDef>
Lorem ipsum.
</ng-template>
</my-table>
</div>
<div>
Something:
<ng-container *ngTemplateOutlet="temp"></ng-container>
</div>
@ContentChild(MyColumnDef, {read: TemplateRef}) temp;
'Lorem ipsum.'
文本,但什么都没有,实际上是
temp
是
undefined
(根据
console.log
中的
ngAfterViewInit
),我不知道为什么。我错过了什么吗?
最佳答案
我没有把指令放在它自己模块的 exports
大批。
关于Angular:ContentChild 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48279037/
我正在使用 Angular 5 并尝试创建某种动态组件。 我有一个简单的指令,MyColumnDef (使用选择器 [myColumnDef] )。它没有什么特别之处。我正在使用它: 父组件.html
我有一个 Angular 组件 app-b,它在组件 app-a 中使用,该组件 app-a 在 app-component 中使用。 app-component 在 app-a 中有一些内容,app
我正在尝试获取一个元素的 ElementRef,我在该元素上使用 Directive 作为组件的 ContentChild 添加了自定义属性,但在内容初始化后记录它时我得到了 undefined。你能
我需要从选项卡组件数组中监听事件。这些选项卡发出“onMinimized”但是我宁愿在一行代码中连接到这些事件而不是输入 (onMinimized)="hide"对于模板中的每个选项卡组件条目。有一个
如果我有自定义指令 ParentDirective和自定义组件 ChildComponent安排如下: ...然后我可以使用 @ContentChild在指令中引用组件: @ContentC
我有两个组件 FormComponent 和 Test1Component。 Test1Component 使用 ng-content 显示 FormComponent FormComponent.t
我有两个组件 FormComponent 和 Test1Component。 Test1Component 使用 ng-content 显示 FormComponent FormComponent.t
我正在使用 Angular6 构建一个选项卡组件,并且只需要根据事件选项卡显示一个组件。我怎样才能做到这一点? 我有这个结构 Mi contenido 1
是否可以在 ContentChild 中设置多个选择器? 例如,我正在寻找类似的解决方案: @ContentChild(Case1 | Case2) 如果 Case1 不可用,则能够获取 Case2
我正在尝试设置一个 Angular2 组件,自动聚焦通过内容投影插入的输入元素。 我使用的解决方案基于 this answer .我有一个额外的要求,即输入元素可能嵌套在另一个组件中。但是,我发现 C
我正在尝试像这样设计一个可扩展的组件: Summary Heading Details alternate-title 部分应该是可选的。当 myFlag = false 时,组件应仅
我一直在尝试使用 @ViewChild(CustomDirective) 或 @ContentChild(CustomDirective) 分别使用该集来访问我在元素上应用的自定义指令第一次在我的 n
所以为了更好的说明会简化并尽量简洁。 My accordion My accordion item 1 Content 1
我正在寻找可用于通过 @ViewChild 和 @ContentChild 访问子组件/DOM 元素的有效选择器的完整列表。 假设我有一个 child HelloComponent: 我知道我可以添加
Angular 2 提供了@ViewChild、@ViewChildren、@ContentChild 和@ContentChildren 装饰器来查询组件的后代元素。 前两者和后两者有什么区别? 最
我有一个使用内容投影的组件。 我想在我的组件中做这样的事情: @ContentChild('button') button: ElementRef; 但是,当我检查 this.button 时,它
我花了更多时间试图理解以下博文 Creating Reusable Components with NgTemplateOutlet in Angular 上面帖子的工作代码可以在stackblitz
我有一个组件 app-preview,它有一个由它的父组件推送到它的 ng-content 中的组件。 app-preview父级的代码: 我希望 app-previe
我有一个用于正确显示验证错误的表单容器。我通过 ContentChild 装饰器访问表单控件并被动地操作它以构建验证消息。 我的问题是:如何正确地对这样的组件进行单元测试? 组件.ts import
我最近开始使用 ViewChildren and ContentChildren在 Angular 2 中,但现在想知道这些是否也可以在没有 TypeScript 注释的情况下在 ES6 中使用。 T
我是一名优秀的程序员,十分优秀!