AngularJS/ASP.Net MVCルーティング

私はASP.Net MVCとAngularJSの両方を使用したWebアプリケーションを持っています。私はイメージリーダを持っていると思われるメニューのすぐ下の領域を持っていますが、メニュー項目をクリックし始めると消滅し、サブメニューといくつかの詳細にアクセスできます。今私が持っている私の_layoutページに：私は私のルートに続いてAngularJS/ASP.Net MVCルーティング

<body> 
    <div data-ng-app="frontoffice" id="page-wrapper" ng-controller="mainViewModel"> 
     <div id="header"> 
      <div id="menu"> 
       <ul> 
        <li><a class="active" ng-href="#/aboutus">Sobre Nós&emsp;&emsp;&emsp;|</a></li> 
        <li><a href="#/news">Dias Abertos&emsp;&emsp;&emsp;|</a></li> 
        <li><a href="#/contact">Equipamentos&emsp;&emsp;&emsp;|</a></li> 
        <li><a href="#about">Workshops&emsp;&emsp;&emsp;|</a></li> 
        <li><a href="#contact">Projetos&emsp;&emsp;&emsp;|</a></li> 
        <li><a href="#about">Parceiros&emsp;&emsp;&emsp;|</a></li> 
        <li><a href="#about">? F.A.Q.&emsp;&emsp;&emsp;|</a></li> 
        <li class="last"><a href="#about">S</a></li> 
       </ul> 
      </div> 
      <div id="logo_news"> 
       <div id="logo-container"> 
        <div> 
         <img id="img-cml" src="/images/logo_fablab.png" /> 
        </div> 
        <div id="social-area"> 
         <img id="inst-img" class="left-border" src="~/images/inst-blue.png" /> 
         <img id="fb-img" src="~/images/fb-blue.png" /> 
         <img id="tw-img" class="right-border" src="~/images/tw-blue.png" /> 
         <img id="cml-img" src="~/images/cml-blue.png" /> 
         <span class="stretch"></span> 
        </div> 
       </div> 
       <!--<div class="menu-area slideshow" id="news_area">--> 
       <div ng-non-bindable> 
        <div id="menu-area"> 
         <ng-view> 

         </ng-view> 
        </div> 
       </div> 

...... 
</body>

：

angular.module('frontoffice').config(function ($routeProvider, $locationProvider) { 

    $routeProvider.when('/', { 
     templateUrl: '/App/Menu/View/ImageSlider.html' 
    }) 
     .when('/aboutus', { 
      templateUrl: '/App/Menu/View/menu.html', 
      controller: 'indexViewModel' 
     }) 
    .otherwise({ 
     controller: 'ErrorController' 
    }) 
});

しかし、単に何もしません弊社について私は上をクリックした場合。私はここに何かを逃していますか

出典

2016-10-23 Andre Roque

あなたは、アプリケーションに依存関係 "ngRoute"を注入する必要があります。

var app = angular.module("frontoffice", ["ngRoute"]); 
app.config(function ($routeProvider) { 
$routeProvider 
    .when('/', { 
     templateUrl: '/App/Menu/View/ImageSlider.html' 
    }) 
    .when('/about', { 
     templateUrl: '/App/Menu/View/menu.html', 
     controller: 'indexViewModel' 
    }) 
    .otherwise({ 
     controller: 'ErrorController' 
    }) 
})

出典

2017-01-23 07:21:56 souravb

AngularJS/ASP.Net MVCルーティング

答えて

関連する問題