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

Angular 2：如何在Component中使用input [（ngModel）]值？

1 个答案: