AngularJS路由提供程序未加载templateUrl_Angularjs

AngularJS路由提供程序未加载templateUrl

angularjs

AngularJS路由提供程序未加载templateUrl,angularjs,Angularjs,我目前正在学习AngularJS，在学习的过程中，我正在尝试实现它目前，我正在研究routeProvider方面。我试着把我学到的东西包含进去，但由于某种原因，路由提供者没有加载所需的templateUrl 请看下面 <body ng-app="myapp"> <ul> <li><a href="#">HOME</a></li> <li><a href="#/second">SE

我目前正在学习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>






var myapp=angular.module（“myapp”，['ngRoute']）；
myapp.config（函数（$routeProvider）{
$routeProvider
。当（“/”{
templateUrl:'main.html'，
控制器：“主控制器”
})
。当（“/秒”{
templateUrl:'second.html'，
控制器：“主控制器”
})
});
myapp.controller（“maincontroller”、[“$scope”、函数（$scope）{
$scope.title1=“主页”；
$scope.title2=“第二页”；
}])

当我点击第二个li元素尝试加载第二个页面时，什么都没有发生。有人能确定我做错了什么吗

我正在学习以下课程：在Udemy上学习和理解AngularJS“。

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

像这样

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

秒

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

尝试将您的

href

属性更改为：`，`您的答案似乎假设OP使用的是AngularJS，但OP使用的是AngularJS。