@Input in Angular 4

前端之家收集整理的这篇文章主要介绍了@Input in Angular 4前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是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子组件中使用此用户值.

猜你在找的Angularjs相关文章