使用 Ionic 的自定义通知模板答案

【问题标题】：Custom notification template with Ionic使用 Ionic 的自定义通知模板
【发布时间】：2016-03-06 13:37:02
【问题描述】：

我想使用 ionic 框架显示嵌入按钮的自定义通知（就像音乐播放器控件一样），允许用户在单击通知时进行选择。

我找不到任何关于此的官方（或非官方）文档，我什至不知道这是否可能。

有人用离子框架成功创建了自定义通知模板吗？

【问题讨论】：

您找到解决方案了吗？我遇到了同样的问题。

标签： android ios notifications ionic-framework ionic

【解决方案1】：

我正在使用带有自定义模板的 ionicPopup。

这是一个 CodePen：http://codepen.io/nicon-dev/pen/EPYeGJ

或：

angular.module('ionicApp', ['ionic'])

.controller('MyCtrl', function($scope, $ionicPopup) {

  $scope.openPopup = function() {

    var customTemplate =
      '<ion-toggle>enable</ion-toggle>' +
      '<label class="item item-input"><input type="text" placeholder="your address"></label>';

    $ionicPopup.show({
      template: customTemplate,
      title: 'alternative location',
      subTitle: 'select this option if GPS is unavailable',
      buttons: [{
        text: 'Cancel',
        //type: 'button-positive',
        onTap: function(e) {

        }
      }, {
        text: '<b>Save</b>',
        type: 'button-positive',
        onTap: function(e) {
          
        }
      }]
    });

  }
});

<html ng-app="ionicApp">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

  <title>Ionic Pull to Refresh</title>

  <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
  <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

</head>

<body ng-controller="MyCtrl">

  <ion-header-bar class="bar-positive">
    <h1 class="title">Awesome App</h1>
  </ion-header-bar>

  <ion-content class="padding">
    <button class="button button-balanced" ng-click="openPopup()">open popup</button>
  </ion-content>

</body>

</html>

$ionicPopup 文档：HERE

希望这会有所帮助。

【讨论】：

感谢您的回答，但不幸的是，这不是我想要的。我想要实现的是显示带有嵌入按钮的本机通知，而不是应用内弹出窗口。你可以看到一个我想做的例子here（“立即关闭”按钮）
那么您正在寻找的是推送消息。以Ionic Push Service 为起点
我知道这是我正在寻找的服务，我在这里要问的是如何设计一个通知，允许它具有导致不同操作的按钮。我还没有找到任何关于此的文档。