Question

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

用户可以通过Facebook登录
然后他/她可以选择导航链接

以下是我的主要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>

我正在关注this tutorial进行路由，非常感谢任何帮助

**更新**

我的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>

Angularjs Routing不能与其他配置选项一起使用

0 个答案: