AngularJS ngRoute未按预期工作

AngularJS ngRoute未按预期工作,angularjs,routes,Angularjs,Routes,我试图在angularJS页面中使用ngRoute,但无法在ng视图中加载我的内容 HTML: 不知道我错过了什么 如果我在$routeProvider上添加了其他条件,它将被加载。请让我知道我在这里遗漏了什么,以便$routeProvider.when中的内容在标记的ng视图中加载。谢谢 也没有收到任何控制台错误。试试这个 JS: HTML: 试试这个 JS: HTML: 您没有应用程序的入口点,因此,如果您加载应用程序,并且不转到特定的url,您将不会看到任何结果 您可以添加其他内容({r

我试图在angularJS页面中使用ngRoute,但无法在ng视图中加载我的内容

HTML:

不知道我错过了什么

如果我在$routeProvider上添加了其他条件,它将被加载。请让我知道我在这里遗漏了什么,以便$routeProvider.when中的内容在标记的ng视图中加载。谢谢

也没有收到任何控制台错误。

试试这个

JS:

HTML:


试试这个

JS:

HTML:


您没有应用程序的入口点,因此,如果您加载应用程序,并且不转到特定的url,您将不会看到任何结果


您可以添加其他内容({redirectTo:'/add new'})或转到#/add new以查看您的页面

您没有应用程序的入口点,因此,如果您加载应用程序而不转到特定的url,则不会看到任何结果


您可以以其他方式添加({redirectTo:'/add new'})或转到#/add new查看您的页面

HTML
页面的下面一行添加此内容

<base href="/">

并将
ng href
更改为
href

编辑:

  • HTML5模式下的
    $location
    需要一个标签
  • 如果使用
    ng href
    ,则应传递
    $scope
    对象

HTML
页面的下方添加此行

<base href="/">

并将
ng href
更改为
href

编辑:

  • HTML5模式下的
    $location
    需要一个标签
  • 如果使用
    ng href
    ,则应传递
    $scope
    对象

尝试在
.when()
之后添加其他内容,如下所示:
$routeProvider.Others({redirectTo:'/add new'})
@FabioPicheli“when”中的内容没有为我加载,这是我的问题。在请求URL中,如果我访问您使用的Angular的哪个版本?@Mistalis Angular 1这里有一个。请尝试在您的
.when()
之后添加其他内容,如:
$routeProvider.Others({redirectTo:'/add new'})
@FabioPicheli“when”中的内容没有为我加载,这是我的问题。在请求URL中,如果我访问您使用的Angular的哪个版本?@Mistalis Angular 1这里有一个。对,但是解释为什么它是解决方案可能对OP有用。对,但是解释为什么它是解决方案可能对OP有用。@Manju如果您可以创建一个有问题的plunkr,这样就更容易找到解决方案更改/更改!在href中,值确实起作用。感谢you@Manju如果您可以创建一个带有问题的plunkr,那么就更容易找到解决方案CHANGING/to!在href中,值确实起作用。非常感谢。
app.config(function($routeProvider) {
 $routeProvider
  .when("/", {
    templateUrl : "index.htm"
  })
  .when("/add-new", {
    templateUrl : "add.htm"
  })
 });
<a href="#!add-new">Red</a>
<base href="/">