实施 Angular 确认 - crafptip

Question

我正在尝试使用 angular-confirm。但它的文档并不清楚。我尝试按如下方式实现，

图书馆 - https://craftpip.github.io/angular-confirm/

在按钮中单击 (login.component.ts)，

ButtonOnClickHandler() {
angular.module('myApp', ['cp.ngConfirm'])
  .controller('myController', function($scope, $ngConfirm){
    $scope.hey = 'Hello there!';
    $ngConfirm({
      title: 'What is up?',
      content: 'Here goes a little content, <strong>{{hey}}</strong>',
      contentUrl: 'template.html', // if contentUrl is provided, 'content' is ignored.
      scope: $scope,
      buttons: {
        // long hand button definition
        ok: {
          text: 'ok!',
          btnClass: 'btn-primary',
          keys: ['enter'], // will trigger when enter is pressed
          action: function(scope) {
            $ngConfirm('the user clicked ok');
          }
        },
        // short hand button definition
        close: function(scope){
          $ngConfirm('the user clicked close');
        },
      },
    });
  });
}

弹出如下错误，

我想找一些实现这个的例子，但没有成功。谁能帮我解决这个问题？

Answer 1

此库适用于 AngularJs，它是 Angular 的前身，因此您不能将其用于 Angular 项目。您可以尝试其他适合 Angular 的库之一 - 也许像 angular-confirmation-popover

实施 Angular 确认 - crafptip

Implement Angular Confirm - craftpip

confirm

typescript

angular