окно предупреждения с помощью угловой библиотеки ремень не работает для меня

Question

Следуя этому примеру http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview

И я получил его именно таким образом, и это не работает для меня !! :(почему ??

Я в том числе следующих библиотек в моем index.htm

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="angular/angular.min.js"></script> 


<!-- <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> --> 
<script type="text/javascript" src="bootstrap/js/twitter-bootstrap.min.js"></script>  

<!-- Angular Libraries --> 

<script type="text/javascript" src="angular/angular-route.js"></script> 
<script type="text/javascript" src="angular/angular-local-storage.js"></script> 
<script type="text/javascript" src="angular/ui-bootstrap-tpls-0.7.0.min.js"></script> 
<script type="text/javascript" src="angular/angular-strap.js"></script> 

<!-- App related libraries --> 
<script type="text/javascript" src="js/services/ProductServices.js"></script> 
<script type="text/javascript" src="js/controllers/ProductControllers.js"></script> 
<script type="text/javascript" src="js/controllers/ModalControllers.js"></script> 
<script type="text/javascript" src="js/directives/ProductDirectives.js"></script> 

Тогда из моего контроллера, где я создаю модуль я добавить $ angular.strap зависимости как в примере:

var productApp = angular.module('productApp', ['ngRoute', 'LocalStorageModule', 'ui.bootstrap', '$strap.directives']); 

А в представлении, где в настоящее время отображается ошибка я это сделать:

<notification ng-model="successAlert"></notification> 

От контроллера, где я установил сообщение «successAlert», я просто добавив значение, как это:

$scope.successAlert = data.response; 

Теперь в первую очередь, в консоли бросает эту ошибку без даже трогательное что угодно:

TypeError: Cannot read property 'title' of undefined at Object.fn (http://localhost:8080/RESTFulAngularJS/angular/angular-strap.js:40:35) at f.$digest (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:99:141) at f.$apply (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:101:369) at f (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:67:175) at Q (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:71:99) at XMLHttpRequest.y.onreadystatechange (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:72:130)

А потом, когда я иду в функцию, которая вызывает тревогу, бросает это:

TypeError: Cannot read property 'type' of undefined 
    at Object.fn (http://localhost:8080/RESTFulAngularJS/angular/angular-strap.js:45:42) 
    at f.$digest (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:99:141) 
    at f.$apply (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:101:369) 
    at f (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:67:175) 
    at Q (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:71:99) 
    at XMLHttpRequest.y.onreadystatechange (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:72:130) 

Есть ли проблемы с моими библиотеками? Можете ли вы, ребята, помочь мне? Не знаю, что на самом деле ... это точно так же, как в примере, тот же порядок импорта скриптов ...: S

Answer 1

Из сообщения об ошибке, которое вы опубликовали, я предполагаю, что ваш объект data.response не определено, и поэтому ваше уведомление никогда не будет показано. Если вы внимательно посмотрите на пример в плунжере, объект сообщения имеет форму:

{ 
    "type": "info", 
    "title": "Success!", 
    "content": "alert directive is working pretty well with 3 sec timeout" 
} 

И вы должны это уважать. Может быть, вы могли бы поделиться с нами тем, что должно выглядеть это data.response и как вы его извлекаете.