Javascript Node JS如何知道如何处理路由_Javascript_Angularjs

Javascript Node JS如何知道如何处理路由

javascript angularjs

Javascript Node JS如何知道如何处理路由,javascript,angularjs,Javascript,Angularjs,我只是想得到一个部分页面加载 HTML: 虽然我有一个控制器，但里面什么都没有。我只想看到所有的部分页面正在加载，而不是。我需要在我的部分页面中使用ng控制器指令才能加载它？在本例中，它什么都不做最有可能的情况是，您的nodejs正在从文件夹中提供静态angularjs内容，如果您使用的是expressjs，这将是因为 app.use(express.static('public')) 然而，angularjs路由器正在处理您的分区一定要做好准备 $locationProvider.htm

我只是想得到一个部分页面加载

HTML:

虽然我有一个控制器，但里面什么都没有。我只想看到所有的部分页面正在加载，而不是。我需要在我的部分页面中使用ng控制器指令才能加载它？

在本例中，它什么都不做

最有可能的情况是，您的nodejs正在从文件夹中提供静态angularjs内容，如果您使用的是expressjs，这将是因为

app.use(express.static('public'))

然而，angularjs路由器正在处理您的分区

一定要做好准备

$locationProvider.html5Mode(false);

它还可以通过查看开发者控制台来查看路由器指向的url

也

如果没有“

我在删除href中的感叹号后尝试了您的代码，代码正常工作。还可以在HTML中添加base href。试试下面的代码

<!DOCTYPE html>

<html ng-pp='app' lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <base href="/"></base>
    <meta charset="utf-8" />
    <title>Friends</title>
    <script src='angular/angular.js'></script>
    <script src='angular-route/angular-route.js'></script>
    <script src='app.js'></script>
</head>
<body>
    <p>
        <a href='#/list'>All Your Frinds</a> | <a href='#/new'>Add a Friend</a>
    </p>
    <div ng-view=''>
    </div>
</body>
</html>

指令拼写错误。。。应该是：

ng-app

这似乎与Node.JS没有任何关系。您遇到了什么错误？检查你的控制台。根据代码，angularjs将处理路由。没有问题正确的问题应该是“角度不工作”。大多数时候，你可以在谷歌上搜索codepen，找到你需要的angularjs的例子。

<!DOCTYPE html>

<html ng-pp='app' lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <base href="/"></base>
    <meta charset="utf-8" />
    <title>Friends</title>
    <script src='angular/angular.js'></script>
    <script src='angular-route/angular-route.js'></script>
    <script src='app.js'></script>
</head>
<body>
    <p>
        <a href='#/list'>All Your Frinds</a> | <a href='#/new'>Add a Friend</a>
    </p>
    <div ng-view=''>
    </div>
</body>
</html>

var app = angular.module('app', ['ngRoute']).config(function ($routeProvider,$locationProvider)
 {
    $locationProvider.html5Mode(false);
    $routeProvider
    .when('/list', 
    {
        templateUrl: 'partials/list.html'
    })
    .when('/new',
    {
        templateUrl: 'partials/create.html'
    })
    .when('/show/:id',
    {
        templateUrl: 'partials/show.html'
    })
    .when('/edit/:id',
    {
        templateUrl: 'partials/edit.html'
    })
    .otherwise(
    {
        redirectTo: '/'
    })

});

ng-app