使用角带库的警告框是't对我不起作用

alert box using angular strap library isn't working for me

本文关键字：不起作用 警告      更新时间：2023-09-26

下面的例子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:无法读取未定义的属性"title"在Object.fn（http://localhost:8080/RESTFulAngularJS/angular/angular-strap.js:40:35）在f.$digest（http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:99:141）适用于f.$（http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:101:369）在f（http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:67:175）在Q（http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:71:99）在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

从您发布的错误消息中，我猜您的data.response对象是未定义的，因此永远不会显示您的通知。如果你仔细观察plunker中的例子，消息对象的形式是：

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

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

相关文章：