Angular 2从父母到孩子传递html属性

Question

我想将父母的属性传递给孩子。有没有什么办法可以直接从父类传递属性，而无需在父类的.ts类中为其创建变量，然后传递它。以下是父代的示例代码：

<app-field-lable type="number"></app-field-lable> 

这里是我的字段标签组件。你可以看到我从父类传入type =“number”属性，但它不起作用。我知道在父项中创建变量的机制，然后通过@Input修饰器将其传递给子项。但是，有没有办法在父类中创建所有变量并将其直接传递给子代。

感谢

Answer 1

你可以把string为@Input：

<app-field-lable [inputType]="'number'"></app-field-lable> 

这里是样品TS文件，以及如何在HTML中使用它

@Component({ 
selector: 'app-field-lable', 
template: '<input type="{{inputType}}"/>', 
styleUrls: ['./field-lable.component.css'] 
}) 
export class FieldLableComponent implements OnInit { 
@Input() inputType:string; 
constructor() { } 
ngOnInit{} 
} 

主要思想，即原生属性（如type）需要字符串，但@Input()属性（如[customAttr]）需要变量