0

按照这个例子 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：无法在 XMLHttpRequest.y.onreadystatechange () 处的 f.$apply() 处的 f() 处的 Q() 处的Object.fn ( )http://localhost:8080/RESTFulAngularJS/angular/angular-strap.js:40:35处读取未定义的属性“标题”http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:99:141http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:101:369http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:67:175http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:71:99http://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

4

1 回答 1

2

从您发布的错误消息中，我猜您的data.response对象未定义，因此您的通知将永远不会显示。如果您仔细查看 plunker 中的示例，消息对象的格式为：

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

你应该尊重这一点。也许您可以与我们分享这data.response应该是什么样子以及您如何检索它。

于 2013-12-11T18:34:00.573 回答