Angular6:为什么在通过子事件通知时没有调用我的父方法

问题描述 投票:0回答:1

这是app.component.html

<app-regioncountry (notify)='doSomething($event)'></app-regioncountry>

这是country-dailog.html(对话框)

<ul *ngIf=isLoadCentral >
  <li class="list-unstyled" >
    <input type="checkbox" [(ngModel)]="selectedAll" (change)="selectAll();"/><span>Select All</span>
  </li>
  <li *ngFor="let n of names " class="list-unstyled"> 
    <input type="checkbox" value="{{n.Id}}" [(ngModel)]="n.selected"  [name]="n.name" (change)="getCheckedItem();"   >
    {{n.name}}
  </li>
</ul>

这是region-country.html(这是对话框的父级)

<div class= "row">
  <div class="col-md-3">
    <div class="form-group">
        <div class="col"> 
            <label for="rc">Region/Country</label>
        </div>
    </div>
</div>
<div class="col-md-9 inline">
    <div class="form-group">
        <div class="col">
            <button type="button" name="nameInput" mat-raised-button (click)="openDialog()" class="btn btn-secondary"  >Select</button>
        </div>
        <div class="col"></div>
        <div class="col"></div>
    </div>
  </div>
</div>
javascript angular components parent
1个回答
0
投票

您只需要在select all方法中发出notify事件作为示例

selectAll () { this.notify.emit(this.names); }

© www.soinside.com 2019 - 2024. All rights reserved.