当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript Content.scrollToBottom方法代码示例

本文整理汇总了TypeScript中ionic-angular.Content.scrollToBottom方法的典型用法代码示例。如果您正苦于以下问题:TypeScript Content.scrollToBottom方法的具体用法?TypeScript Content.scrollToBottom怎么用?TypeScript Content.scrollToBottom使用的例子?那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在ionic-angular.Content的用法示例。


在下文中一共展示了Content.scrollToBottom方法的4个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: ionViewDidEnter

  //Function called once the view is full loaded
  ionViewDidEnter() {

    //Scroll to the bottom of the messages (Request below is for polling, not getting messages)
    this.content.scrollToBottom(this.scrollDuration);

    //Grab our user from localstorage
    let user = JSON.parse(localStorage.getItem(AppSettings.shushItemName));

    //Start polling to get messages
    let poll = this.appMessaging.conversationRequestPoll(user.access_token);

    //Get a reference to this
    let self = this;

    this.pollingRequest = poll.subscribe(function(success) {
      //Success!

      //Stop loading
      self.appNotify.stopLoading().then(function() {

        //Add our messages/Get our conversation
        self.appMessaging.conversations = success;

        //Update our conversations
        self.updateConversation();
      });
    }, function(error) {
      //Error!

      //Stop Loading
      self.appNotify.stopLoading().then(function() {
        //Pass to Error Handler
        self.appNotify.handleError(error, [{
          status: 404,
          callback: function() {
            //Pop back to the All conversations view

            self.navCtrl.pop();
          }
        }]);
      });

    }, function() {
      //Completed
    })
  }
开发者ID:pro-to-tip,项目名称:pro-to-tip.github.io,代码行数:47,代码来源:conversation.ts

示例2: updateConversation

  //Function to update our conversation
  updateConversation() {

    //Find and update our current conversation
    for (let i = 0; i < this.appMessaging.conversations.length; ++i) {
      if (this.convoId == this.appMessaging.conversations[i]._id) {

        //Update the conversation
        this.convo = this.appMessaging.conversations[i];

        //Break from the loop
        i = this.appMessaging.conversations.length;
      }
    }

    //Update the UI
    this.changeDetector.detectChanges();

    //Scroll to the bottom of the messages
    this.content.scrollToBottom(this.scrollDuration);
  }
开发者ID:pro-to-tip,项目名称:pro-to-tip.github.io,代码行数:21,代码来源:conversation.ts

示例3: scrollToBottom

 scrollToBottom(){
   this.content.scrollToBottom(300);//300ms animation speed
 }
开发者ID:thomas1511,项目名称:ionicScrollProblem,代码行数:3,代码来源:hello-ionic.ts

示例4: ionViewDidEnter

 ionViewDidEnter() {
     this.content.scrollToBottom();
 }
开发者ID:SPL-201620,项目名称:SocialBike,代码行数:3,代码来源:chat.ts


注:本文中的ionic-angular.Content.scrollToBottom方法示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。