小编P J*_*P J的帖子

Angular 7 pwa/SwPush - 推送通知不起作用

我正在尝试使用@ angular/pwa 链接 和使用SwPush 在Angular 7中进行推送通知.我无法获得实际推送通知.我目前正在使用localhost(通过在执行ng-build之后运行http-server)并且我的api服务器位于云中.我能够使用swPush.requestSubscription启用订阅,并且订阅已在服务器上成功注册.在Chrome中,所有api调用都被服务工作者本身阻止(失败:来自服务工作者),而在Firefox中,没有错误,但推送消息没有出现.

我在下面添加了相关的代码片段.由于没有报告具体错误,我无法继续进行.

请告知如何进行此项工作并显示通知.

app.module.ts

import {PushNotificationService} from 'core';
import { ServiceWorkerModule } from '@angular/service-worker';
@NgModule({
declarations: [
    AppComponent,

],
imports: [

    ServiceWorkerModule.register('ngsw-worker.js', { enabled: true })
],
providers: [
    PushNotificationService,
],
exports: [],
bootstrap: [AppComponent]
   })
 export class AppModule {
  }


   app.component.ts
export class AppComponent  {

constructor(private pushNotification :PushNotificationService,
private swPush : SwPush){
this.swPush.messages.subscribe(notification => {
          const notificationData: any = notification;
     const options = {
      body: notificationData.message,
      badgeUrl: notificationData.badgeUrl,
      icon: notificationData.iconUrl
    };
    navigator.serviceWorker.getRegistration().then(reg => { …
Run Code Online (Sandbox Code Playgroud)

push-notification progressive-web-apps angular angular-service-worker

5
推荐指数
2
解决办法
2783
查看次数

如何禁用从Angular JS下拉列表中选择特定选项?

我想禁用AngularJS下拉列表中的特定选项.

它应该在下拉列表中列出,但不应该允许它被选中.所以我需要禁用它.

MyFile.tpl.html

<select class="form-control" ng-model="selectedFruits" 
        ng-options="fruit as fruit.name for fruit in fruits">
</select>
Run Code Online (Sandbox Code Playgroud)

MyController.js

$scope.fruits = [{'name': 'apple', 'price': 100},{'name': 'guava', 'price': 30},
                 {'name': 'orange', 'price': 60},{'name': 'mango', 'price': 50},
                 {'name': 'banana', 'price': 45},{'name': 'cherry', 'price': 120}];
Run Code Online (Sandbox Code Playgroud)

这里所有的水果名称都应该在下拉列表中列出,但芒果樱桃应该被禁用,不应该让用户选择它.

可能吗?如果可能,请告诉我解决方案.

javascript html-select angularjs

4
推荐指数
1
解决办法
9920
查看次数

如何将文本或符号附加到 Chart.js 的工具提示

想要在 Chart.js 的工具提示中添加 % 符号怎么办?

  var chart = new chart(ctx,{
   type:'bar',
   data : data
});
Run Code Online (Sandbox Code Playgroud)

angularjs chart.js

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

如何在localStorage中存储对象数组?

我有3个单选按钮说x,yz.在clickx,数据加载等..

现在在localStorage中,我想为其设置数据x,y并以z不同方式获取数据.

在这里,我将提供该计划的样本.

使用Javascript:

var setInLocalStorage = function(){
    //on click of  x radio and getting data from model and called 
    // from one  function
    var x = {
        t = model.x.t;
        d = model.x.d;
    }
    localStorage.setItem('x' ,JSON.stringyfy(x));
}

var getFromLocalStorage = function() { 
    var obj = JSON.parse(localStorage.getItem('x'));
    //storing back to model
    model.x.t = obj.t;
    model.x.d = obj.d; 
    // populating data on screen which was …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs

0
推荐指数
1
解决办法
1605
查看次数