当后台浏览器选项卡时，Angular / AngularJS升级应用程序无响应

3 回答

• 1

  尝试在所有ng2组件上使用此实现模式 .

  https://angular.io/api/core/ChangeDetectorRef#detach-change-detector-to-limit-how-often-check-occurs

  这个概念是它将删除组件使其更新或由angularjs完成渲染 .

  来自文档：

  class DataListProvider {
    // in a real application the returned data will be different every time
    get data() { return [1, 2, 3, 4, 5]; }
  }
  
  @Component({
    selector: 'giant-list',
    template: `
        <li *ngFor="let d of dataProvider.data">Data {{d}}</li>
      `,
  })
  class GiantList {
    constructor(private ref: ChangeDetectorRef, private dataProvider: DataListProvider) {
      ref.detach();
      setInterval(() => { this.ref.detectChanges(); }, 5000);
    }
  }
  
  @Component({
    selector: 'app',
    providers: [DataListProvider],
    template: `
        <giant-list><giant-list>
      `,
  })
  class App {
  }
  

  您将基本上分离（）组件，然后手动检测更改 .

  回复于 2024-05-07T01:39:19+08:00
• 0

  尝试在每个选项卡加载时处置服务，然后创建新事件以侦听新更改 .

  此外，这可能有效，但考虑到README @ https://github.com/ui-router/angular-hybrid#limitations是一种解决方法

  README的这一部分可能会建议降级不是一个无缝的选择：

  限制：我们目前支持将Angular（2）或AngularJS（1.x）组件路由到AngularJS（1.x）ui-view . 但是，我们不支持将AngularJS（1.x）组件路由到Angular（2）ui-view . 如果您创建一个Angular（2）ui-view，那么任何嵌套的ui-view也必须是Angular（2） . 因此，应从叶状态/视图开始迁移应用程序，然后再向根状态/视图进行迁移 .

  回复于 2024-05-07T01:39:19+08:00
• 0

  您是否尝试过调查UrlHandlingStratery？我们设法在AngularJS堆栈之上使用Angular，并在必要时慢慢重写 .

  我们做的是使用Angular和AngularJS路由器，使用UrlHandlingStrategy来确定Angular将处理哪条路由，如果路由不是由Angular处理，则它将转到AngularJS路由 .

  没有考虑你的设置，我只能猜测 . 也许是因为路线一直在来回走动

  回复于 2024-05-07T01:39:19+08:00