AngularJS тостер закрыть кнопку не видно

Question

Я использую AngularJS Toaster в своем приложении для получения динамических уведомлений. Представляю, что получаю уведомления, но кнопка закрытия не видна. Это мой код

var message = "Welcome.."; 
     $scope.popToaster = function(){ 
      toaster.pop('success', "Alert", message); 
} 

HTML:

<toaster-container toaster-options="{'close-button': true}"></toaster-container> 

Просьба предложить, если я делаю что-то неправильно?

Answer 1

Как вы уже упоминали, вы используете версию 0.3 AngularJS-Toaster, я предлагаю использовать последнюю версию или не менее 0.4.7. Кнопка закрытия была добавлена ​​выше 0,4.6, как вы можете видеть here в шаблоне директивы. Другим преимуществом является то, что вы можете использовать такие функции, как success или error на самом сервисе toaster. Вот небольшой пример:

<div ng-app="myApp"> 
    <toaster-container toaster-options="{'close-button':true}"></toaster-container> 
    <div class="container" ng-controller="myCtrl"> 
     <button type="button" ng-click="displayToaster()">Toaster</button> 
    </div> 
</div> 

А вот файл сценария:

var myApp = angular.module("myApp", ["toaster"]); 

myApp.controller("myCtrl", function ($scope, $http, toaster) { 
    $scope.displayToaster = function() { 
     toaster.success("Welcome..."); 
    }; 
}); 

Поэтому, пожалуйста, используйте последнюю версию 0.4.13 с официального git repository.