请告诉我如何将[sub.component.html inputBox]中的值发送到[app.component.ts]。
sub.component.html
<input type="text">
sub.component.ts
@Component({
selector: 'app-sub',
templateUrl: './sub.component.html'
})
export class SubComponent{
constructor() { }
}
app.component.html
{{input1}}<br />
{{input2}}
<app-sub></app-sub>
<app-sub></app-sub>
app.component.ts
export class AppComponent {
input1 = '';
input2 = '';
}
将值放在app.component.html中两个[app-sub]的inputBox中。 我想把inputBox中的值放在变量input1&amp; input2中。 我不知道怎么做。
答案 0 :(得分:0)
http://qiita.com/gambare/items/b75f9c9dc997ae45c092
抱歉使用日语。 最终我解决了这篇文章。
app.component.ts
export class AppComponent {
input1 = '';
input2 = '';
inputfanc(in1,in2){
this.input1 = in1;
this.input2 = in2;
}
}
sub.component.ts
@Component({
selector: 'app-sub',
templateUrl: './sub.component.html'
})
export class SubComponent{
constructor() { }
@Output() onVoted = new EventEmitter<boolean>();
var val="";
vote() {
this.onVoted.emit(this.val);
}
}
sub.component.html
<input type="text" [(ngModel)]="val">
<button (click)="vote()">button</button>