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

Question

我有一个名为socketEvents() { this.io.on('connection',(socket) => { socket.on('send message',function(data) { this.io.emit('new message',data);//here the error lies. }bind(this)); }); } 的组件。我在不同的布局上使用它。

模板是： <app-craftinput>

在组件模板中添加<input type="text" name="" value="" class="input__field input__field--type1">等属性的最佳方法是什么？

Answer 1

这是你要找的吗？

child .component.ts：

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

export class app {

@Input() value:number;

}

parent .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>