有沒有其他方法來定義烤麪包機

Question

我是Angular js的新手。我正在嘗試顯示錯誤消息視圖toaster()。我在谷歌搜索，但我沒有找到正確的結果。當我點擊cancel()按鈕時，我會收到一個錯誤，說烤箱未定義爲。

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

角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> 
 
\t \t <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/

Answer 2

在javascript中：您必須包括相應的toastr.js & toastr.css文件在你的項目

//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js 
    //cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css 

然後像下面這樣使用：

$.ajax({ 
     url: url 
     type: "POST", 
     data: data, 
     async: false, 
     success: function(response) { 
     toastr.success('your success msg'); 
     } 
     error : function(response){ 
     toastr.error('your error msg'); 
     } 

     }); 

瞭解更多詳情請參考以下鏈接：https://github.com/CodeSeven/toastr