Angular 2 Cascading Select - 重置依赖列表

Question

我正在构建一个级联select指令。当应用于选择列表时，监视其值的更改，如果有任何更新，它将发出更新列表，依赖组件用于填充下拉列表。

每当更改带有此指令的选择列表时，我想将依赖下拉列表的值设置为null。

示例：

<select cascade ngControl="country" (change)="form.controls.state.updateValue(null)" (data)="statesList=$event;">
<option>Country 1</option>
<option>Country 2</option>
</select>


<select ngControl="state">
<option *ngFor="let state of statesList" [value]="state.id">{{state.name}}</option>
</select>

目前我正在使用

(change)="form.controls.state.updateValue(null)" 

要重置，我想知道有没有更好的方法将form.controls.state设置为null。

可以通过任何方式将依赖控件传递给cascade指令，该指令将其值重置为null。

任何指导都将受到高度赞赏。