javascript - Angular 2 : How to use input [(ngModel)] value in Component?

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;
 } 
}

Working plunker