NgZone / Angular2 / Ionic2 TypeError:无法读取未定义的属性“运行”

帕特里克1870

我收到此错误TypeError:无法读取Subscriber.js:229中未定义的属性“运行”,并且不知道为什么-在ionic beta 10中,此代码可以正常工作……在11中则不能。

import {Component, NgZone} from '@angular/core';
import {NavController} from 'ionic-angular';

declare var io;

@Component({
  templateUrl: 'build/pages/home/home.html'
})    
export class HomePage {
    static get parameters() {
        return [NgZone];
    }

    zone: any;
    chats: any;
    chatinp: any;
    socket: any;

constructor(public navCtrl: NavController, ngzone) {
    this.zone = ngzone;
    this.chats = [];
    this.chatinp ='';
    this.socket = io('http://localhost:3000');
    this.socket.on('message', (msg) => {
        this.zone.run(() => {
            this.chats.push(msg);
        });
    });
}

send(msg) {
    if(msg != ''){
        this.socket.emit('message', msg);
    }
    this.chatinp = '';
   }
}
塞巴费雷拉斯

而不是像这样注入它:

static get parameters() {
  return [NgZone];
}

您为什么不这样做:

import { Component, NgZone } from "@angular/core";

@Component({
  templateUrl:"home.html"
})
export class HomePage {

  public chats: any;

  constructor(private zone: NgZone) {

    this.chats = [];
    let index: number = 1;

    // Even though this would work without using Zones, the idea is to simulate
    // a message from a socket.
    setInterval(() => { this.addNewChat('Message ' + index++); }, 1000);
  }

  private addNewChat(message) {
    this.zone.run(() => {
        this.chats.push(message);
    });
  }
}

我在中添加private zone: NgZone了一个参数constructor,然后可以使用像这样run()zone变量来使用该方法

this.zone.run(() => {
  // ... your code
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Webpacked Angular2应用程序TypeError:无法读取未定义的属性“ getOptional”

来自分类Dev

Webpacked Angular2应用程序TypeError:无法读取未定义的属性“ getOptional”

来自分类Dev

角度2:TypeError:无法读取未定义的属性'isRouteActive'

来自分类Dev

TypeError:无法读取未定义的属性“ body2”

来自分类Dev

Angular - Ionic 2 - 无法读取未定义的属性“订阅”

来自分类Dev

Angular2 v3组件路由器:TypeError:无法读取未定义的属性“ split”

来自分类Dev

(Angular2 和 Typescript)Angular 的 DatePicker 无法读取未定义的属性“切换”

来自分类Dev

ionic2 .. TypeError:无法读取null的属性“查询”

来自分类Dev

Angular2-TypeError:无法读取(Typescript)中未定义的属性'Id'

来自分类Dev

Angular 2异常:TypeError:无法读取未定义的属性“ annotations”

来自分类Dev

Angular 2 rc1 TypeError:无法读取未定义的属性“注释”

来自分类Dev

Angular2 * ngFor:“无法读取未定义的属性'0'”

来自分类Dev

angular2形式-无法读取未定义的属性替换

来自分类Dev

Angular2 + RxJS-无法读取未定义的下一个属性

来自分类Dev

Angular2 beta 11无法读取未定义的属性区域

来自分类Dev

使用ngFormModel(ES6)时angular2无法读取未定义的属性'validator'

来自分类Dev

Angular2(RC-4):无法读取未定义的属性“ pathsWithParams”

来自分类Dev

无法读取未定义Angular 2的属性

来自分类Dev

Angular2 / Ionic2:未定义不是对象(评估“ Pst.Base64.decode”)

来自分类Dev

TypeError:无法读取未定义的Fast2sms的属性“ join”

来自分类Dev

E2E测试中的“ TypeError:无法读取未定义的属性'close'”

来自分类Dev

离子 2 模态。内联模板 - TypeError:无法读取未定义的属性“items”

来自分类Dev

无法读取未定义的属性“目标”-Ionic Angular

来自分类Dev

扩展http类用于自定义用法ionic2 / Angular2导致错误

来自分类Dev

Angular2/Ionic2 在哪里定义全局变量?

来自分类Dev

Angular2 Ionic2 无法解析 GameServiceProvider 的所有参数:(?)

来自分类Dev

Ionic2 选择的值未定义

来自分类Dev

http / rxjs中的Angular 2重定向捕获回调导致TypeError:无法读取未定义的属性'subscribe'

来自分类Dev

Angular 2路由器错误:未捕获(承诺):TypeError:无法读取未定义的属性“ resolve”

Related 相关文章

  1. 1

    Webpacked Angular2应用程序TypeError:无法读取未定义的属性“ getOptional”

  2. 2

    Webpacked Angular2应用程序TypeError:无法读取未定义的属性“ getOptional”

  3. 3

    角度2:TypeError:无法读取未定义的属性'isRouteActive'

  4. 4

    TypeError:无法读取未定义的属性“ body2”

  5. 5

    Angular - Ionic 2 - 无法读取未定义的属性“订阅”

  6. 6

    Angular2 v3组件路由器:TypeError:无法读取未定义的属性“ split”

  7. 7

    (Angular2 和 Typescript)Angular 的 DatePicker 无法读取未定义的属性“切换”

  8. 8

    ionic2 .. TypeError:无法读取null的属性“查询”

  9. 9

    Angular2-TypeError:无法读取(Typescript)中未定义的属性'Id'

  10. 10

    Angular 2异常:TypeError:无法读取未定义的属性“ annotations”

  11. 11

    Angular 2 rc1 TypeError:无法读取未定义的属性“注释”

  12. 12

    Angular2 * ngFor:“无法读取未定义的属性'0'”

  13. 13

    angular2形式-无法读取未定义的属性替换

  14. 14

    Angular2 + RxJS-无法读取未定义的下一个属性

  15. 15

    Angular2 beta 11无法读取未定义的属性区域

  16. 16

    使用ngFormModel(ES6)时angular2无法读取未定义的属性'validator'

  17. 17

    Angular2(RC-4):无法读取未定义的属性“ pathsWithParams”

  18. 18

    无法读取未定义Angular 2的属性

  19. 19

    Angular2 / Ionic2:未定义不是对象(评估“ Pst.Base64.decode”)

  20. 20

    TypeError:无法读取未定义的Fast2sms的属性“ join”

  21. 21

    E2E测试中的“ TypeError:无法读取未定义的属性'close'”

  22. 22

    离子 2 模态。内联模板 - TypeError:无法读取未定义的属性“items”

  23. 23

    无法读取未定义的属性“目标”-Ionic Angular

  24. 24

    扩展http类用于自定义用法ionic2 / Angular2导致错误

  25. 25

    Angular2/Ionic2 在哪里定义全局变量?

  26. 26

    Angular2 Ionic2 无法解析 GameServiceProvider 的所有参数:(?)

  27. 27

    Ionic2 选择的值未定义

  28. 28

    http / rxjs中的Angular 2重定向捕获回调导致TypeError:无法读取未定义的属性'subscribe'

  29. 29

    Angular 2路由器错误:未捕获(承诺):TypeError:无法读取未定义的属性“ resolve”

热门标签

归档