Angular 2:如何在Component中使用input [(ngModel)]值？

Question

对不起,如果这是一个基本问题,但我似乎无法弄清楚.

基本上,我想[(ngModel)]从模板中获取一个输入值,然后将其传递给我的组件.我觉得这是非常基本的Angular 2的东西,但我似乎无法得到它.

我的代码:

input.html:

<app-root>Loading...</app-root>

---

app/app.component.html

<input type="number" [(ngModel)]="value1">
<input type="number" [(ngModel)]="value2">
<!--I want my function value to update every time [(ngModel)] is updated
{{someFunction}}

---

app/app.component.ts:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  someFunction(): number {
     // I want to pass value1 and value 2 here from my ngModel in my template
     return value1 * value2
  } 
}

Answer 1

您必须在组件中声明这些变量.

export class AppComponent {
  value1: number;
  value2: number;
  someFunction() {
     return this.value1 * this.value2;
 } 
}

工作的plunker