javascript - 有没有其他方法来定义 toastr

Question

我是 Angular js 的新手。我正在尝试显示错误消息 View toaster() .我在谷歌上搜索，但没有找到正确的结果。当我点击 cancel()按钮，我会收到一条错误消息，提示 toaster is not defined。

HTML : <button class="btn btn-secondary" ng-show="editMode" ng-click="toggle_cancel()"> Cancel </button>

Angular Js:

 $scope.toggle_erase = function(information){
      toastr.toggle_erase('Are you sure want to delete ?')
       $scope.hideDelay(3000):
}

Answer 1

您需要包含 toastr.js 和 toastr.css 文件。请检查示例

// Code goes here

var app = angular.module('myapp',['toastr']);

app.controller('demo',function($scope,toastr){
  $scope.toggle_remove = function(){
    toastr.info('Hello!!');
    toastr.refreshTimer(toastr, 3000);
  }
});

    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <script src="https://npmcdn.com/angular-toastr/dist/angular-toastr.tpls.js"></script>
		<link rel="stylesheet" href="https://npmcdn.com/angular-toastr/dist/angular-toastr.css" />
    <script src="script.js"></script>
  </head>

  <div ng-app="myapp">
    <div class="container" ng-controller="demo">
      <button class="btn btn-secodary" ng-hide="editMode" ng-click="toggle_remove()"> Delete </button> <br/>
  </div>
  </div>

请通过http://angular-js.in/angular-toastr/