AngularJS模块在使用.config时停止工作
当我在没有任何.config的情况下创建angular模块时,它可以工作。然后,当我尝试添加一个.config来配置路由提供程序时,它不起作用。为什么呢?下面是代码示例和结果图片。我正在使用UIBootstrap 这项工作:AngularJS模块在使用.config时停止工作,angularjs,Angularjs,当我在没有任何.config的情况下创建angular模块时,它可以工作。然后,当我尝试添加一个.config来配置路由提供程序时,它不起作用。为什么呢?下面是代码示例和结果图片。我正在使用UIBootstrap 这项工作: angular.module('app', ['ui.bootstrap']) .controller('mainController', function($scope) { // BUTTONS ======================
angular.module('app', ['ui.bootstrap'])
.controller('mainController', function($scope) {
// BUTTONS ======================
// define some random object
$scope.bigData = {};
$scope.bigData.breakfast = false;
$scope.bigData.lunch = false;
$scope.bigData.dinner = false;
// COLLAPSE =====================
$scope.isCollapsed = false;
});
这不起作用:
angular.module('app', ['ui.bootstrap'])
.controller('mainController', function($scope) {
// BUTTONS ======================
// define some random object
$scope.bigData = {};
$scope.bigData.breakfast = false;
$scope.bigData.lunch = false;
$scope.bigData.dinner = false;
// COLLAPSE =====================
$scope.isCollapsed = false;
})
.config(function ($routeProvider) {
/*$routeProvider
.when('/', {
controller: 'HomeController',
templateUrl: 'home.html'
})
.otherwise({
redirectTo: '/'
}); */
});
这是我的index.html文件:
<!DOCTYPE html>
<html lang="en">
<head>
<title>My ParseApp site</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- bootstrap version 3.3.5 -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- angularjs version 1.4.8 -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<!-- UIBootstrap version 0.14.3 -->
<script src="ui_bootstrap.js"></script>
<!-- roboto font
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,300' rel='stylesheet' type='text/css'>-->
<link rel="stylesheet" href="page_border.css">
<script src="script.js"></script>
</head>
<body>
<div class="container" ng-app="app" ng-controller="mainController">
<div class="text-center">
<p class="text-success">Example of using UI Bootstrap to create responsive html elemnts that are data-bound</p>
</div>
<h2>Buttons</h2>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary" ng-model="bigData.breakfast" btn-checkbox>
Breakfast
</label>
<label class="btn btn-primary" ng-model="bigData.lunch" btn-checkbox>
Lunch
</label>
<label class="btn btn-primary" ng-model="bigData.dinner" btn-checkbox>
Dinner
</label>
</div>
<pre><code>{{ bigData | json }}</code></pre>
<h2>Collapse</h2>
<a href="#" class="btn btn-primary" ng-click="isCollapsed = !isCollapsed">
Toggle Panel
</a>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a href="#" ng-click="isCollapsed = !isCollapsed">
Collapsible Group Item #1
</a>
</h4>
</div>
<div collapse="isCollapsed">
<div class="panel-body">Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<pre><code>{{ isCollapsed }}</code></pre>
</div>
<!-- Modules -->
<!-- Controllers
<script src="HomeController.js"></script>
<script src="PhotoController.js"></script>
<!-- Services
<script src="photos.js"></script>-->
</body>
</html>
崩溃
纯素食主义者,屠夫副洛莫。紧身裤奥卡卡特工艺啤酒农场到餐桌,生牛仔布美学合成
你可能没听说过accusamus labore可持续VHS。
这就是错误:
未捕获错误:[$injector:modulerr]$injector/modulerr?p0=app&p1=Error%3A%20%…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangularjs.min.js%3A41%3A249)(匿名函数)@angular.js:38(匿名函数)@angular.js:4458n@angular.js:340g@angular.js:4419eb@angular.js:43444444444c@angular.js@angular.js:1676yc@angular.js@angular.js:1697z(匿名函数)@angular.js:29013b@angular.js:3057If@angular.js:3346Hf.d@angular.js:3334这对我很有效,复制并粘贴它,确保你的ng路线被注入到你的应用程序中
我的ParseApp网站
使用UI引导创建数据绑定的响应性html元素的示例
按钮
早餐
午餐
晚餐
崩溃
Ad纯素食主义者,屠夫副洛莫。紧身裤,从工艺啤酒农场到餐桌,生牛仔布美学合成物
你可能没听说过accusamus labore可持续VHS。
尝试将您的模块命名为“myApp”。这可能是因为您正在定义一个名为app的全局变量。它对我有效。请尝试查看一下。也许您可以尝试在plunker中提供一个示例?而不只是说“它不起作用”,按F12(或MacOS上的Cmd-Amt-I),打开控制台,然后阅读错误消息。