Question

我目前正在学习AngularJS，因为我正在学习，我正在努力实施。

目前，我正在研究routeProvider方面。我试图改变我所学到的东西，但由于某种原因路由提供者没有加载所需的templateUrl。

请参阅下文。

<body ng-app="myapp">
  <ul>
    <li><a href="#">HOME</a></li>
    <li><a href="#/second">SECOND</a></li>
  </ul>

  <div ng-view></div>

  <script type="text/javascript">
    var myapp = angular.module("myapp", ['ngRoute']);
    myapp.config(function ($routeProvider){
    $routeProvider
      .when('/', {
        templateUrl: 'main.html',
        controller: 'maincontroller'
      })
      .when('/second', {
        templateUrl: 'second.html',
        controller: 'maincontroller'
      })
    });

    myapp.controller("maincontroller", ["$scope", function($scope){
      $scope.title1 = "main page";
      $scope.title2 = "second page";
    }])
  </script>

当我点击第二个li元素尝试加载第二页时，没有任何反应。是否有人能够确定我在这里做错了什么？

我正在关注课程：＆＃34; Learn＆amp;了解Udemy上的AngularJS＆＃34; 。

Answer 1

您可以使用routerLink =“/ second”routerLinkActive =“active”

喜欢这个。

<li><a routerLink="/second" routerLinkActive = "active">SECOND</a></li>

您还需要在app.component.ts中定义路线。

AngularJS路由提供程序未加载templateUrl

1 个答案: