Typescript 输入值未绑定到ngmodel变量

我有一个角度项目，我想把一个输入值传递给我的typescript函数，但当我输入console.log时，它不会显示更新的值

<div class="form-group">
<input type="number" [name]="'sec_chlng'" (click)="func()" 
 placeholder="Security Challenge: {{a}}+{{b}}" class="form-control form- 
 control-lg"  required></div>

---

如何更新值

您必须使用

ngModel

-指令来实现这一点。此外，不要对

（单击）

做出反应，而是对

（更改）

做出反应，因为

（更改）

在

秒更改后被触发，而
（单击）
在更改之前被触发。如果
（更改）
对您无效，请尝试
（输入）

这就足够了

编辑：

您需要将以下模块添加到app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

@NgModule({
    imports: [
        RouterModule,
        BrowserModule,
        FormsModule,
        // ...
    ],
    // ...

请再详细一点。哪个组件设置值以及如何设置？谁是父母，谁是孩子？我是否理解正确，您希望在输入字段中输入一些数字，并期望将该值写入
第二章
？参考此假设，我更新了答案。请查看。“无法绑定到'ngModel'，因为它不是'input'的已知属性。”获取此错误请提供app.module的完整代码或声明组件的模块的代码。
<input type="number" [(ngModel)]="sec_chlng" (change)="func()" 
placeholder="Security Challenge: {{a}}+{{b}}" class="form-control form- 
control-lg"  required>

sec_chlng :any;

import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

@NgModule({
    imports: [
        RouterModule,
        BrowserModule,
        FormsModule,
        // ...
    ],
    // ...