2017-01-01 2 views
0
Your system information: 

Cordova CLI: 6.4.0 

Ionic Framework Version: 2.0.0-rc.4 

Ionic CLI Version: 2.1.14 

Ionic App Lib Version: 2.1.7 

Ionic App Scripts Version: 0.0.47 

ios-deploy version: Not installed 

ios-sim version: Not installed 

OS: Windows 7 

Node Version: v6.9.2 

Xcode version: Not installed 

Я получаю эту ошибку после того, как Im нажал на диалог. С socketIO im, подключающимся к моему серверу сообщений, который нажимает на клиенту новые сообщения. После этого я хочу автоматически прокрутить вниз, чтобы отобразилось самое новое сообщение.Невозможно прочитать свойство scrollToBottom of null после переименования страницы

Если я открываю конвектору в первый раз с ним хорошо, и все работает нормально, но во второй раз (нажатие назад и переход на страницу) я получил эту ошибку.

Спасибо :)

EDIT: сообщения об ошибке:

Не удается прочитать свойство scrollToBottom пустых

connect() { 
    this.socket.on("connect",() => { 
     console.log("connected"); 
     console.log("Listening on: "+"message_"+this.secretid); 
     this.socket.emit('message', { type: "token", token: this.secretid }); 
     this.socket.on("message_"+this.secretid, (msg) => { 
      let msg_data = JSON.parse(msg); 
      msg_data.payload.writer_id = msg_data.payload.user; 
      console.log(msg_data); 
      this.chat.push(msg_data.payload); 
      this.content.scrollToBottom(); <<--Error 
     }); 
    }); 
} 

Connect называется в ionViewDidLoad() {} так this.content должны быть инициализированы.

Im используя ионную 2

EDIT 2: Только получаю эту ошибку в Ионные Lab

+0

что 'content' и где он SAET? –

+0

Содержимое @ViewChild (Content): Содержание; -> WLFCRK

+0

Я мог бы быть более конкретным на основе кода, который вы можете показать –

ответ

0

ionviewdidload жизненный цикл крюк вызывается для инициализации и страницы вызывается один раз. Docs here

Вид не может быть загружен.

Из данного кода, то решение, которое я вижу, либо поставить вызов scrollTobottom в ionviewWillEnter

или попробовать крюк ANGULAR в ngOnChangesHere, где вы можете проверить изменения в списке чата.

0

Попробуйте это:

<ion-content #content> 
</ion-content> 
+0

Хотя этот код может ответить на вопрос, предоставляя дополнительный контекст относительно того, почему и/или как этот код отвечает на вопрос, долгосрочное значение. :) –

Смежные вопросы