angularJS路線（沒有錯誤），沒有工作

File Structure < - 附在這裏我正在用asp.net MVC 4，我一個angularJS web應用程序仔細配置的路由，但我的部分觀點不被注入，雖然URL變化到那個特定的路線。我不知道我錯過了什麼。我認爲它與我的文件結構的東西，但無法弄清楚。angularJS路線（沒有錯誤），沒有工作

'use strict'; 
 

 
var app = angular.module('foodyApp', ['ngMaterial', 'ngRoute', 'ngMessages']) 
 
    .config(function ($mdThemingProvider) { 
 
     $mdThemingProvider.theme('default') 
 
     .primaryPalette('green') 
 
     .accentPalette('red') 
 
     .dark(); 
 
    }) 
 

 
    .run(function() { 
 
     console.log("App Runs fine"); 
 

 
    }) 
 

 
    .config(function ($routeProvider, $locationProvider) { 
 

 
     $routeProvider 
 

 
      .when("order", { 
 
       templateUrl: "~/Partials/order", 
 
       controller: "orderController" 
 
      }) 
 
      .when("menu", { 
 
       templateUrl: "~/Partials/menu", 
 
       controller: "menuController" 
 
      }) 
 
      .when("about", { 
 
       templateUrl: "~/Partials/about", 
 
       controller: "aboutController" 
 
      }) 
 
      .when("contact", { 
 
       templateUrl: "~/Partials/contact", 
 
       controller: "contactController" 
 
      }) 
 
      .when("billing", { 
 
       templateUrl: "~/Partials/billing", 
 
       controller: "billingController" 
 

 
      }) 
 
     
 
     $locationProvider.html5Mode(
 
      { 
 
       enabled: true, 
 
       requirebase: false 
 
      }) 
 
    });

@{ 
 
    ViewBag.Title = "FCMS"; 
 
} 
 

 
<header md-page-header md-gt-sm> 
 
    <div md-header-picture style="background-image:url(img/pizza.jpg)"> 
 
    </div> 
 
    <md-toolbar scroll> 
 
     <div class="md-toolbar-tools"> 
 
      <h2 md-header-title flex md-gt-sm>Food Court Managment System</h2> 
 

 
      <md-button href="menu" aria-label="About"> 
 
       Menu 
 
      </md-button> 
 
      <md-button href="about" aria-label="About"> 
 
       About 
 
      </md-button> 
 
      <md-button href="contact" aria-label="Contact"> 
 
       Contact Us 
 
      </md-button> 
 
     </div> 
 
    </md-toolbar> 
 
    <div class="main-fab" ng-controller="orderController"> 
 
     <md-button href="order" class="md-fab md-accent" aria-label="Order Now"> 
 
      <md-icon md-svg-src="img/ic_restaurant_menu_black_48px.svg"></md-icon> 
 
     </md-button> 
 
    </div> 
 
</header> 
 

 
<section> 
 
    <div flex-gt-md="100" flex layout="column"> 
 
     <div layout="row"> 
 
      <div> 
 
       <div> 
 
        <md-content layout-padding> 
 
         <div> 
 
          <ng-view> </ng-view> 
 
         </div> 
 
        </md-content> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</section>

來源

2017-09-30 Warda Iftikhar

你離開了.html擴展每個模板

嘗試

$routeProvider 

     .when("order", { 
      templateUrl: "/Partials/order.html", 
      controller: "orderController" 
     }) 
     .when("menu", { 
      templateUrl: "/Partials/menu.html", 
      controller: "menuController" 
     }) 
     .when("about", { 
      templateUrl: "/Partials/about.html", 
      controller: "aboutController" 
     }) 
     .when("contact", { 
      templateUrl: "/Partials/contact.html", 
      controller: "contactController" 
     }) 
     .when("billing", { 
      templateUrl: "/Partials/billing.html", 
      controller: "billingController" 

     })

來源

2017-09-30 12:43:56 charlietfl

angularJS路線（沒有錯誤），沒有工作

回答

相關問題