我有一个简单的游戏创建与Angular 和bootstrap的phaserJs造型.我这里的问题是,当我显示 bootstrap 模式并在模式中单击时,它会影响到我的PhaserJS画布按钮.

更新:

预览代码示例:https://github-u3st63.stackblitz.io

示例代码:https://stackblitz.com/edit/github-u3st63

如何修复这个问题,因为我try 将z-index设置为Canvas,但它不起作用.

在进修期感谢

推荐答案

这似乎是一个关于事件执行顺序的Angular 问题.因为我不是棱角方面的专家.我建议在打开模式对话框时简单地暂停游戏,使用函数pause,类似于game.scene.pause('Game'),而在关闭对话框时,您只需使用game.scene.resume('Game')恢复游戏.Link to the documentation

Here is an official phaser demo个向功能展示这些.

您只需连接组件之间的通信即可.

100 Just keep in mind if you have multiple scene running, that you would have to stop them all, and restart them again. In this case simply hiding the game might be a better option.

Angular相关问答推荐

停靠的Angular 应用程序的Nginx反向代理无法加载assets资源

Angular 15:将数据从主零部件传递到辅零部件

[NullInjectorError]:R3InjectorError(Standalone[_AppComponent])[]:NullInjectorError:No provider for _HttpClient

Ngrx Select 器返回部分对象

FromEvent不工作,本机事件绑定

Angular Mat Select 显示键盘焦点和鼠标悬停焦点的问题

大型 Angular 12 应用程序 - 我如何管理 js 文件

如果我使用 matAutocomplete,为什么 textarea 不显示 formControl 的实际值

Angular 13 - 何时创建嵌入式视图?

Angular 服务decorator 提供在延迟加载的根效果

Observable.forkJoin 和数组参数

Angular2 SVG xlink:href

更改 Select 选项时获取当前值

读取文件并解析其内容

Angular 应用程序中的语法错误:Unexpected token <

错误:angular2 中没有 HttpHandler 的提供者

如何防止角material垫菜单关闭?

如何处理Angular2中的查询参数

升级到 angular-6.x 会给出Uncaught ReferenceError: global is not defined

Angular2动态改变CSS属性