角度 4 - 获取和设置 ng-model

Question

我正在尝试获取并将布尔值设置为"checkvalue"。我想事先调用一个函数isItTrue来设置变量"checkvalue"。如果该框被(取消(选中/并且我选中它，它应该调用函数 doSomething((。 我正在试验<input type="checkbox" id="{{ class.id }}" ng-init="checkBoxValue=isItTrue(class.id)"[(ngModel)]="class['checkBoxValue']"/>但它似乎不起作用。有什么建议吗？

<table>
<thead>
<tr>
<th>class</th>
<th>subjects</th>
<th>class speaker</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let class of classes">
<td>{{ class.name }}</td>
<td>
<div class="form">
<input type="text" class="md-input-text" placeholder=" " value=" " [(ngModel)]="subject"/>
<label class="md-desc">subjects</label>
</div>
</td>
<td>
<div class="md-checkbox">
<input type="checkbox" id="{{ class.id }}" [(ngModel)]="class['checkBoxValue']"/>
<label for="{{ class.id }}"></label>
</div>
</td>
</tr>
</tbody>
</table>

Answer 1

要对组件初始化执行某些操作：

import { OnInit } from '@angular/core';

并使您的组件像

export class App implements OnInit{ 
}

你可以从 ngOnInit 生命周期钩子方法调用你的方法：

ngOnInit() {
isItTrue();
}

将布尔值设置为 checkvalue：您应该有一个组件变量并将其绑定到输入：

[(ngModel)]="checkvalue"

要在输入更改时调用函数，可以使用 change 事件来实现它：

(change)="doSomething()"

在此函数中，您可以使用已绑定this.checkvalue访问输入的值。

看到整个代码的这个木板。希望对:)有所帮助。