Question

在Angular中是否可以通过打字稿中的方法触发HTML中定义的更改事件？

我正在通过ViewChild抓取选择器。

@ViewChild('org3') org3Selector: HTMLSelectElement;

并且该元素具有一个change事件集：

<select class="form-control" id="orgLevel3" name="orgLevel3" #org3
        (change)="onOrg3Change($event.target.value, org4, org5)">
    <option>-- Select --</option>
    <option *ngFor="let name of validOrgLevel3" value="{{name.id}}">
        {{name.name}}
    </option>
</select>

其中org4和org5只是另外两个选择元素。

如果我希望基于通过代码执行的操作来调用该方法（例如手动更改选择内容的值），应该以某种方式“触发”该事件，还是应该手动调用{{ 1}}方法，因为我已经获得了选择元素的引用？

Answer 1

值更改后，您需要手动触发事件。 Angular不知道是否从代码中更改了任何html元素值的值（这意味着不通过交互）

您可以通过以下方式发出事件：

LF

查看简单的demo

带有ViewChild的代码中的Angular 5触发事件

1 个答案: