使用Angular

时间:2017-04-04 16:09:47

标签: angular

请告诉我如何将[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中。 我不知道怎么做。

1 个答案:

答案 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>