将参数传递给组件。使用括号或不使用括号
将参数传递给组件。使用括号或不使用括号
提问于 2018-10-10 02:30:54
在Angular 6中有以下组件：
export class HeaderComponent implements OnInit {
@Input() type: string;
constructor() { }
ngOnInit() {
}组件的HTML如下：
<h1>Title</h1>
<p *ngIf="type=='admin'">Admin Message</p>我使用的组件如下所示：
<header [type]="admin"></header> 消息不会显示，除非我删除类型周围的括号：
<header type="admin"></header> 我遗漏了什么？
回答 2
Stack Overflow用户
发布于 2018-10-10 03:25:35
如果您想从传递硬编码字符串，那么它应该是
<header type="'admin'"></header>但是，如果admin值是component.ts文件中的一个变量，那么在这种情况下，您应该编写
hero.component.ts
export class HeroComponent {
admin: string = "Administrator";
}
<header [type]="admin"></header>Stack Overflow用户
发布于 2018-10-10 02:35:35
在这一行中：
<header [type]="admin"></header> Admin被视为父组件的属性，而不是字符串值。您想要的是将其作为字符串传递，因此您可以这样说：
<header [type]="'admin'"></header> 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52727273
复制相关文章
相似问题