Angularjs 角度视图未加载
我不知道把包含html视图的partials文件夹放在哪里!我已将其放置在应用程序根文件夹、视图和公共文件夹中。还尝试删除templateUrl的第一个尾随斜杠,但什么也没有。我也尝试过(作为查看装载容器):Angularjs 角度视图未加载,angularjs,angularjs-scope,angular-routing,Angularjs,Angularjs Scope,Angular Routing,我不知道把包含html视图的partials文件夹放在哪里!我已将其放置在应用程序根文件夹、视图和公共文件夹中。还尝试删除templateUrl的第一个尾随斜杠,但什么也没有。我也尝试过(作为查看装载容器): 这只是一个学习示例,包含一个包含2个控制器和2个视图的模块 以下是SPA(此页面呈现为dancer(perl)项目的rout“/”): //定义一个模块 var demoApp=angular.module('demoApp',['ngRoute']); //为我们的模块定义路由(每
这只是一个学习示例,包含一个包含2个控制器和2个视图的模块
以下是SPA(此页面呈现为dancer(perl)项目的rout“/”):
//定义一个模块
var demoApp=angular.module('demoApp',['ngRoute']);
//为我们的模块定义路由(每个路由都有一组视图和控制器)
demoApp.config=(函数($routeProvider){
$routeProvider
。当(“/”,
{
控制器:“SimpleController 1”,
templateUrl:“/partials/testAlexView1.html”
})
.when(“/testAlexView1”,
{
控制器:“simpleController2”,
templateUrl:“/partials/testAlexView1.html”
})
.when(“/testAlexView2”,
{
控制器:“simpleController2”,
templateUrl:“/partials/testAlexView2.html”
})
。否则({重定向到:'/partials/testAlexView1.html'});
});
//在模块“demoApp”中定义控制器
demoApp.controller('simpleController1',函数($scope){
$scope.customers=[
{姓名:'Boris',年龄:'18'},
{姓名:'Claudia',年龄:'28'},
{姓名:'Carlos',年龄:'39'},
{姓名:'Ben',年龄:'25'}
];
//var stuff={};
});
demoApp.controller('simpleController2',函数($scope){
$scope.customers=[
{姓名:'Alex',年龄:'18'},
{姓名:'Albert',年龄:'28'},
{姓名:'Anthony',年龄:'39'},
{姓名:'Loren',年龄:'25'}
];
});
SPA测试主页面
以下是两个相同的视图:
testAlexView1.html(testAlexView2.html相同):
{{name}}
-
{{customer.name}-{{customer.age}
在浏览器检查器中,在视图应加载的div中,所有显示的内容都是(在root或root#/view.html中):
巴塔朗也不探测范围和模块。谢谢你的帮助 您的配置中似乎有输入错误:
demoApp.config =(function ($routeProvider) {
相反,请尝试:
demoApp.config(function ($routeProvider) {
否则,路由将指向模板,而它应该指向路由。
<div>
<input type="text" data-ng-model="name" /> {{ name }}
<br />
<ul>
<li data-ng-repeat="customer in customers | filter:name | orderBy:'age'">
{{customer.name}} - {{customer.age}}
</li>
</ul>
</div>
<!-- ngView: -->
demoApp.config =(function ($routeProvider) {
demoApp.config(function ($routeProvider) {