0

angularjsangularアプリにルーティングを実装しようとするのは初めてです。私のアプリは次のことを行います

  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