标签: ionic-framework

如何使用聊天应用程序的 websocket 支持 Capacitor 中的推送通知

我没有找到任何正确的解决方案来使用 websocket 实现推送通知。

我的简单要求就像 WhatsApp 聊天一样,当消息到来时,它会以推送通知的形式显示该消息。

这是推送通知的文档。

/**
 *  Push notification code
*/


import { PushNotifications } from '@capacitor/push-notifications';

const addListeners = async () => {
  await PushNotifications.addListener('registration', token => {
    console.info('Registration token: ', token.value);
  });

  await PushNotifications.addListener('registrationError', err => {
    console.error('Registration error: ', err.error);
  });

  await PushNotifications.addListener('pushNotificationReceived', notification => {
    console.log('Push notification received: ', notification);
  });

  await PushNotifications.addListener('pushNotificationActionPerformed', notification => {
    console.log('Push notification action performed', notification.actionId, notification.inputValue);
  });
}

const registerNotifications = async () => {
  let permStatus …
Run Code Online (Sandbox Code Playgroud)

javascript push-notification ionic-framework capacitor

-1
推荐指数
1
解决办法
377
查看次数

如何从少数离子视图中删除动画

我工作的这个程序,我想菜单+选项卡的..我看到的一个例子在codepen并尝试实现它..here的链接“看的第二seaction” http://codepen.io/kmartinezmedia/pen /mFdkB

但它并没有像它想象的那样工作..

我将下面的页面用作一个选项卡,并在另一个选项卡上使用具有不同内容的同一页面,并且我不希望动画给人一种只有内容已更改的感觉。

我想如果有什么方法可以从这个视图中删除动画,它会起作用......或任何其他方式来做到这一点,......我试图从 6 小时开始解决这个问题,

<ion-view class="tech-view" ng-controller="hrlDetailCtrl" view-title="C Language">
 <ion-nav-bar class="bar-balanced big-bar" animation="no-animation" >
      <ion-nav-back-button>
      </ion-nav-back-button>
 </ion-nav-bar>

 <div class="tabs-background-balanced tabs-color-light" style="padding:0px;margin:0px;"  >
     <div class=" bar bar-subheader tabs  tabs-icon-top" style="box-shadow: 0 2px 5px rgba(0,0,0,.26);">
         <a nav-clear class="tab-item disable-user-behavior active" title="Home" nav-clear  ui-sref="app.c">
        <i class="icon ion-ios-book "></i>
               Topic
         </a>
         <a nav-clear class="tab-item disable-user-behavior" title="Chat" nav-clear ui-sref="app.cpro">
        <i class="icon ion-code"></i>
              Programs
        </a>
        <a nav-clear class="tab-item disable-user-behavior" title="Drink" nav-clear ui-sref="app.cques">
        <i class="icon ion-document-text"></i>
              Ques / Ans
         </a>
     </div>
 </div>

  <ion-content …
Run Code Online (Sandbox Code Playgroud)

angularjs ionic-framework ionic

-2
推荐指数
1
解决办法
4418
查看次数

如何解决"Observable.share不是函数"Angular 2

我在离子2中使用缓存结构.我定义了一个可观察的数组.我在这里记录从服务器返回的数据.但每次这种形状都给我一个错误.我该如何解决?

 marketArray : Observable<any>; /* GLOBAL */   this.http.get(this.base_url,header).map(res=>res.json()).subscribe(data=>{
      loader.dismissAll();
      this.marketArray = this.cache.loadFromObservable(this.base_url, data["Table"]);
      
    }, (error)=>{
      loader.dismissAll();
      this.marketler();
    });
Run Code Online (Sandbox Code Playgroud)

typescript ionic-framework angular

-2
推荐指数
1
解决办法
2380
查看次数

尖括号[](){}它们绑定的内容以及何时使用

我看到括号用于数据绑定,但是有什么区别?

以下片段是我经常使用的片段。但是,大多数情况下都将其视为文档,却不了解原因。

  • [class]="myclass"
  • (ngModelChange)="mymodel"
  • [(ngModel)]="mymodel2"
  • <ion-input placeholder="{{'INPUT_TEXT' | translate}}"/>
  • <button>{{'BUTTON_TEXT'|translate}}</button>

ionic-framework ionic2 ionic3 angular

-2
推荐指数
2
解决办法
876
查看次数

我应该在大型应用中使用混合应用吗?

我有3年以上的Web开发经验,并在Ionic和Phonegap开发了一些小应用程序.但现在我在混合应用程序而不是原生应用程序中开发一个大型应用程序.

android cordova hybrid-mobile-app ionic-framework

-3
推荐指数
1
解决办法
202
查看次数

如何在 Ionic 4 中实现加载按钮?

我想将按钮插入到我的 Ionic 4 应用程序中,该按钮以一种形式使用,一旦按下,在等待服务器响应期间,在操作期间,左侧会显示一个环/圆/微调器。它是 Material Design 的一部分,但我在文档中没有找到任何内容。我该如何实施?

ionic-framework angular ionic4

-3
推荐指数
1
解决办法
1745
查看次数

如何在Ionic的应用程序中添加сomments?

如何在我的应用程序中更好地实现评论的可能性(我的意思是用户会评论).这有插件吗?

我没有尝试任何东西,因为我不知道从哪里开始.这是一个示例:您有一个应用程序商店,并且在每个产品的页面上,用户都有机会发表评论(留下关于商品质量的评论).

angularjs cordova ionic-framework cordova-plugins

-14
推荐指数
1
解决办法
85
查看次数