锚没有重定向到在ng-view中显示,而是用新页面

时间:2017-08-07 13:56:03

标签: ng-view

我在学习目的中写了一个简单的角度应用程序。但是控制器在我的系统中工作,但不在plunker中。但是,这不是我关心的问题。我担心的是我无法在ng-view中看到链接的页面。它们更像是一个替换主页的新页面。其次,表达不反映他们的价值观。请帮助我。我已将代码上传到plunker中。 Link to Plunker

<div ng-controller="RamFirstCtrl">{{name}}</div>
<div ng-include="'navbar-top.html'"></div>
<div style="border:1px solid green; position:relative;" ng-view></div>

1 个答案:

答案 0 :(得分:0)

注意到几件事:

  1. httphttps,控制台出错,可能是因为它没有在plunker中工作

    <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.js"></script>
    
  2. 您必须在路由器中使用url define: ng-href="aboutUS.html"ng-href="#!/aboutUS"

    .when("/aboutUS", {
        templateUrl : "aboutUS.html"
    })
    
    <div>
       <a ng-href="#!/aboutUS">
            AboutUs
       </a>
    </div>
    

    注意:#!默认情况下会被角路由器添加到网址