要在Angular中更改子组件模板并在父组件中进行操作,可以通过以下步骤实现:
showTemplate
的布尔类型变量,并将其初始化为true
。export class ParentComponent {
showTemplate: boolean = true;
}
toggleTemplate
的方法。export class ParentComponent {
showTemplate: boolean = true;
toggleTemplate() {
this.showTemplate = !this.showTemplate;
}
}
toggleTemplate
方法。
ngIf
指令来根据父组件的变量来显示或隐藏特定的元素。
export class ChildComponent {
@Input() showChildTemplate: boolean;
}
通过以上步骤,你可以在父组件中更改子组件模板的显示与隐藏,并在父组件中进行操作。
上一篇:Angular根服务重复
下一篇:Angular更改组件并隐藏组件