【发布时间】：2014-02-13 12:44:08
【问题描述】：
我正在使用 angularjs ..
mainhtml.html
<!DOCTYPE html>
<html data-ng-app="demoapp">
<head>
<script src="scripts/angular.min.js"></script>
<title>Angular js</title>
</head>
<body> <div data-ng-controller="SimpleController">
<div data-ng-view=""></div>
<div class="ng-view"></div>
Name:<input type="text" data-ng-model="name" />{{name}}
<br />
<ul>
<li data-ng-repeat="cust in customers|filter:name|orderBy:'city'">{{cust.name|uppercase}}-{{cust.city|lowercase}}</li>
</ul>
<script>
var demoapp = angular.module('demoapp', []);
demoapp.config(['$routeProvider',
function ($routeProvider) {
$routeProvider.
when('/', {
templateUrl: 'view1.html',
controller: 'SimpleController'
}).
when('/partial2', {
templateUrl: 'view2.html',
controller: 'SimpleController'
}).
otherwise({
redirectTo: '/'
});
}]);
demoapp.controller('SimpleController', function ($scope) {
$scope.customers = [{ name: 'aman', city: 'boom' },
{ name: 'ajay', city: 'reem dee' },
{ name: 'hood', city: 'meen' }
];
});
</script>
</div>
</body>
</html>
查看1
<div class="container">
<h2>View1</h2>
Name:
<input type="text" data-ng-model="filter.name" />
<br />
<ul>
<li data-ng-repeat="cust in customers|filter :filter.name|orderby"></li>
</ul>
<br />
Customer name:
<input type="text" data-ng-model="newCustomer.name"/>
<br />
<br />
Customer city:
<input type="text" data-ng-model="newCustomer.city"/>
<br />
<br />
<button data-ng-click="addCustomer()">Add customer</button>
<br />
<a href="#/view2">View2</a>
</div>
在添加 config($routeprovider) 函数之前运行良好，,,, routeprovider 函数正在破坏程序...任何帮助以使其正常工作
【问题讨论】：
-
请详细说明“销毁程序”。你有错误吗？任何应该有效但无效的迹象？
$routeProvider特别导致错误的一个常见原因是忘记包含angular-route.js... 但这是在黑暗中刺伤！告诉我们更多！ -
{{cust.name|uppercase}}-{{cust.city|lowercase}}....实际上这是在浏览器中显示的，而不是名称和城市名称...
-
尝试在具有控制台的浏览器中运行它并查看它（例如，Chrome 中的 F12）。那里报告了任何错误？
-
未捕获的错误：[$injector:modulerr] ...这是控制台中的错误
标签： html angularjs route-provider