2014-02-27 33 views
0

我會告訴我的所有代碼:

<!doctype html> 
<html lang="en" ng-app='myapp'> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> 
    <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css"> 
</head> 
<body ng-controller="myCtrl"> 
    <input type="text" ng-model="testforie"> 
    <h1>{{testforie}}</h1> 

<button type="button" class="btn btn-lg btn-primary" data-placement="top-right" data-container="body" data-duration="3" bs-alert="alert">Click to toggle alert 
    <br> 
    <small>(using an object)</small> 
</button> 
    <div> 
     <button data-template="popoverTpl.html" bs-popover>angular strap popover</button> 
    </div> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular-route.min.js"></script> 
    <script src="bower_components/angular-strap/dist/angular-strap.min.js"></script> 
    <script src="bower_components/angular-strap/dist/angular-strap.tpl.min.js"></script> 
    <script src="app.js"></script> 
</body> 
</html> 

我的控制器:

angular.module('myapp',['ngAnimate', 'ngSanitize', 'mgcrea.ngStrap']) 
.controller('myCtrl', ['$scope','$alert', function ($scope,$alert) { 
    $scope.alert = { 
     "title": "Holy guacamole!", 
     "content": "Best check yo self, you're not looking too good.", 
     "type": "info" 
    }; 
    var myAlert = $alert({title: 'Holy guacamole!', content: 'Best check yo self, you\'re not looking too good.', placement: 'top', type: 'info', show: true}); 
}]) 

的錯誤是:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.9/ $injector/modulerr?p0=myapp&p1=Error%3A%2…org%2F1.2.9%2F%24injector%2Fmodulerr%3Fp0%3DngAnimate%26p1%3DError%253A%25......5)

這是一個非常簡單的演示,我只是想啓動使用角度錶帶,但總會出現一些錯誤,表明我錯過了一些文件,這真的讓我大吃一驚!

我的問題在哪裏?我怎麼開始我的角度帶應用程序?

回答

2

您已將ngSanitize定義爲您的myapp模塊中的依賴項,但在HTML中未包含angular-sanitize.min.js

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular-sanitize.min.js"></script>你應該沒問題:)