angular - Nativescript Angular 可重用组件不会在 IOS 构建上触发（点击）函数调用

Question

我有一个 NS-Angular 应用程序，它已经有一个 android 应用程序并且一切正常。

这里的问题在于可重用按钮组件的角度方式，例如：

<app-button [btnTxt]="'Sign Up'" [btnBgColor]="'#FF4715'" [btnTxtColor]="'white'" [btnType]="'pill'" [btnWidth]="'85%'" (tap)="goToSignUp()"></app-button>

调用函数 goToSignUp 的 tap 属性在 IOS 构建中未触发。

关于问题可能是什么的任何见解？

Answer 1

您无法处理自定义组件上的本机事件。例如，您的组件应如下所示

@Component({
  selector: 'app-button',
  template: '<Label text="Tap me" (tap)="handleTap($event)"></router-outlet>',
})
export class AppButtonComponent {

  // Avoid using standard names like `tap` or `onTap` for event emitters
  // I faced doubling of event several times
  tapped = new EventEmitter();
  
  handleTap(event) {
    this.tapped.emit(event);
  }
}

在这种情况下，您可以像这样使用它

<app-button (tapped)="goToSignUp()"></app-button>