我正在尝试使用@ 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
我想禁用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)
这里所有的水果名称都应该在下拉列表中列出,但芒果和樱桃应该被禁用,不应该让用户选择它.
可能吗?如果可能,请告诉我解决方案.
想要在 Chart.js 的工具提示中添加 % 符号怎么办?
var chart = new chart(ctx,{
type:'bar',
data : data
});
Run Code Online (Sandbox Code Playgroud) 我有3个单选按钮说x,y和z.在click上x,数据加载等..
现在在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)