0

我是angular尝试在我的 angularjs 应用程序中实现路由的新手。我的应用程序执行以下操作

  1. 用户可以通过facebook登录
  2. 然后他/她可以选择一个链接进行导航

以下是我的主angularjs文件（带有路由和 facebook 连接，facebook 连接正在工作:)），我的问题是，路由不起作用..

#app.js
var app = angular.module('myApp', ['facebook', 'ngRoute'])

    .config([
        'FacebookProvider',
        function(FacebookProvider) {
            var myAppId = '<FB app ID>';
            FacebookProvider.init(myAppId);

        }

    ],
     function($routeProvider) {
        $routeProvider
            // route for the home page
            .when('/add', {
                templateUrl : '../pages/add_form.html',
                controller  : 'addCtrl'
            })

            .when('/', {
                templateUrl : 'pages/home.html',
                controller  : 'mainController'
            });
      }  
    )

当我向行添加调试指针时，.when('/add', {控制流根本不会到达该行。

以下是我的href

<li><a href="#add">Add & Edit Recipes</a></li>

我正在按照本教程进行路由，任何帮助将不胜感激

** 更新 **

我的 html

<!DOCTYPE html>
<html class="gt-ie8 gt-ie9 not-ie" data-ng-app="myApp">
  <head>
    //stuff
    <body class="theme-default no-main-menu main-navbar-fixed" data-ng-controller="MainController">

      <script>var init = [];</script>
      <div id="main-wrapper">
        // some html
        <ul class="nav navbar-nav">
      <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home&nbsp;&nbsp;<i class="navbar-icon fa fa-angle-down"></i></a>
      <ul class="dropdown-menu" data-ng-show="logged">
        <li><a href="#/add">Add & Edit Recipes</a></li>
        <li><a href="#">Unpublished</a></li>
        <li><a href="#">Published</a></li>
        <li class="divider"></li>
        <li><a href="#">Page 3</a></li>
      </ul>
      </li>
      <li><a href="#">Recipe</a></li>
    </ul>

        <div id="content-wrapper">
          <div ng-view>
            <%= yield %>
          </div>
        </div>
        <div id="main-menu-bg"></div>
      </div> 

    </body>
  </html>
4

0 回答 0