Angularjs 角度视图未加载

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']); //为我们的模块定义路由(每

我不知道把包含html视图的partials文件夹放在哪里!我已将其放置在应用程序根文件夹、视图和公共文件夹中。还尝试删除templateUrl的第一个尾随斜杠,但什么也没有。我也尝试过(作为查看装载容器):


这只是一个学习示例,包含一个包含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) {