我将显示我的所有代码:
<!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});
}])
错误是:
未捕获错误:[$ injector:modulerr] http://errors.angularjs.org/1.2.9/ $注射器/ modulerr P0 = MYAPP&安培; P1 =错误%3A%2 ...有机%2F1.2.9%2F%24injector%2Fmodulerr%3Fp0%3DngAnimate%26P1%3DError%253A%25 ..... 0.5)
这是一个非常简单的演示,我只是想开始使用角度表带,但是总会出现一些错误,表明我错过了一些文件,这真的吓坏了我!
我的问题在哪里?我怎么能开始我的角带应用程序?
答案 0 :(得分: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>
,您应该没问题。)