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: Not 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

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 に答える