@Input in Angular 4

发布时间：2020-12-17 17:05:11 所属栏目：安全来源：网络整理

导读：我是Angular 4的新手.根据我的理解,@ Input用于将值传递给组件.但是当我按照下面提到的那样使用它时它不起作用. my-file.component.html h1 [user] = "currentuser"/h1my-file.component.ts @Input() user : string; 解决方法这意味着您可以将字符串输入传

我是Angular 4的新手.根据我的理解,@ Input用于将值传递给组件.但是当我按照下面提到的那样使用它时它不起作用.

my-file.component.html
    <h1 [user] = "currentuser"></h1>

my-file.component.ts
    @Input() 
    user : string;

解决方法

这意味着您可以将字符串输入传递到my-file组件本身,而不是组件本身内的任何HTML元素(即您的情况下为h1).

即在父组件中,您可以调用类似于：

<my-file [user]="currentuser"></my-file>

然后,可以在my-file子组件中使用此用户值.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!