小编Ame*_*ves的帖子

使用templateUrl进行AngularJS路由

我对AngularJS路由有问题:我没有得到任何页面反馈.没有错误或视图切换.

我检查了模块的实现,但它以正确的方式声明.然后我搜索了这样的拼写错误templateURL,但我没有找到任何错字.我也尝试使用ng-href而不是href在列表中,但随后链接不再可点击.

这是我的傻瓜.

我的代码:

  1. 创建了我的导航:

    <body ng-app="Productportfolio">
    
    <ul>
      <li>
        <a href="#/home">Home</a>
      </li>
      <li>
        <a href='#/privat'>Log in</a>
     </li>
    </ul>
    
    <ng-view></ng-view>
    
    <!--own js -->
    <script src="app.js"></script>
    <!--Controller -->
    <script src="ProductCtrl.js"></script>
    <!--Services -->
    <!--Direktives-->
    </body>
    
    Run Code Online (Sandbox Code Playgroud)
  1. 制作模板:

    //home.html
    <div>
      <h1> Home </h1>
    </div>
    
    //private.html
    <div>
      <h1> Private</h1>
    </div>
    
    Run Code Online (Sandbox Code Playgroud)
  2. 声明了一个Angular模块:

    angular.module('Productportfolio', ['ngRoute'])
    
    Run Code Online (Sandbox Code Playgroud)
  3. 在我的配置中添加了$ routeProvider:

    angular.module('Productportfolio', ['ngRoute', 'ProductService', 'ProductCtrl'])
    
    .config(['$routeProvider, $locationProvider', function ($routeProvider, $locationProvider) {
    
      $routeProvider
    
        .when('/home', {
            templateUrl: 'home.html',
            controller: 'ProductCtrl'
        })
    
        .when('/private', {
            templateUrl: 'private.html',
            controller: …
    Run Code Online (Sandbox Code Playgroud)

angularjs angular-routing

8
推荐指数
1
解决办法
6212
查看次数

标签 统计

angular-routing ×1

angularjs ×1