Question

当我在iOS模拟器上运行以下代码时，onTap()方法将被调用两次。在我的物理iPhone上运行的完全相同的代码onTap()仅被调用一次。我知道它的相同代码，因为tns run ios同时部署到两者。

home.component.html ：

<ActionBar title="Home" class="action-bar" visability="collapsed"></ActionBar>

<FlexboxLayout flexDirection="column" justifyContent="center" alignItems="center">
    <Button (tap)="onTap($event)" class="fas btn btn-primary" text="Test"></Button>
</FlexboxLayout>

home.component.ts ：

import { Component, OnInit } from '@angular/core';
import { Page } from 'ui/page';

@Component({
  selector: 'home',
  moduleId: module.id,
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
  counter = 0;
  constructor(private _page: Page) {}

  ngOnInit(): void {
    this._page.actionBarHidden = true;
  }

  onTap(args) {
    this.counter++;
    console.log('Tapped ' + this.counter + ' times!');
  }
}

当我按下模拟器上的按钮时，我得到了（注意计数器未增加）：

CONSOLE LOG file:///app/app/home/home.component.js:15:20: Tapped 1 times!
CONSOLE LOG file:///app/app/home/home.component.js:15:20: Tapped 1 times!

相同的代码，在物理iPhone上，我得到：

CONSOLE LOG file:///app/app/home/home.component.js:15:20: Tapped 1 times!

app-routing.module.ts ：

const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  {
    path: 'test',
    loadChildren: '~/app/test/test.module#TestModule',
    data: {
      title: 'Test'
    }
  }
];

@NgModule({
  imports: [NativeScriptRouterModule.forRoot(routes)],
  exports: [NativeScriptRouterModule]
})
export class AppRoutingModule {}

package.json ：

"dependencies": {
    "@angular/animations": "~7.1.0",
    "@angular/common": "~7.1.0",
    "@angular/compiler": "~7.1.0",
    "@angular/core": "~7.1.0",
    "@angular/forms": "~7.1.0",
    "@angular/http": "~7.1.0",
    "@angular/platform-browser": "~7.1.0",
    "@angular/platform-browser-dynamic": "~7.1.0",
    "@angular/router": "~7.1.0",
    "nativescript-angular": "~7.1.0",
    "nativescript-ngx-fonticon": "~4.2.0",
    "nativescript-orientation": "~2.2.1",
    "nativescript-sqlite": "~2.2.6",
    "nativescript-theme-core": "~1.0.4",
    "nativescript-ui-chart": "~3.11.1",
    "nativescript-ui-listview": "~5.1.0",
    "reflect-metadata": "~0.1.8",
    "rxjs": "~6.3.0",
    "tns-core-modules": "~5.1.0",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~7.1.0",
    "@nativescript/schematics": "~0.5.0",
    "@ngtools/webpack": "~7.1.0",
    "codelyzer": "~4.5.0",
    "nativescript": "~5.1.0",
    "nativescript-dev-sass": "~1.6.0",
    "nativescript-dev-typescript": "~0.7.0",
    "nativescript-dev-webpack": "~0.19.0",
    "tslint": "~5.11.0"
  },

我尝试过的事情：

从模拟器中删除应用
删除hooks，node_modules，platforms，然后重新运行tns run ios
创建了一个类似的app in the playground，一切正常（onTap()在模拟器上只调用了一次）。

有什么想法吗？

Answer 1

这与filewatcher有关。它正在运行的两个实例正在设备上部署相同的应用程序2x。很难解释。

我my $DBFetch = system 'java', 'GetWOConfHold_Auto' ,$dbcount, $TimeStamp;，杀死了我的终端机，打开了一个新终端并运行了Hardware > Erase all content and settings..。

Nativescript + Angular：iOS模拟器多次触发点击事件

1 个答案: