Angular2-自定义输入组件的属性指令

Question

我有一个名为<app-craftinput>的组件。 我在不同的布局上使用它。

模板为： <input type="text" name="" value="" class="input__field input__field--type1">

在组件模板中添加诸如<app-craftinput [value]='23' [label]='Email'></app-craftinput>类的属性的最佳方法是什么？

Answer 1

这是您要找的东西吗？

子.component.ts：

import { Input } from '@angular/core';

export class app {

@Input() value:number;

}

父.component.html：

<app-craftinput [value]="3"></app-craftinput>

https://angular.io/docs/ts/latest/cookbook/component-communication.html

为了利用子元素.component.html中子元素中从父级传递来的信息：

<label for="{{value}}">{{value}}</label>