爲什麼我的頁面沒有拿起我的控制器

我開始理解路由，並且在頭部區域的頂部有一對簡單的應用程序，並帶有一對按鈕。按鈕工作正常，並顯示正確的信息，但我指示其中一個頁面（directory.html）使用我創建的「myController」控制器，但它繼續給我curley括號，而不是實際範圍數據。有人能告訴我我做錯了什麼嗎？爲什麼我的頁面沒有拿起我的控制器

HTML

<!DOCTYPE html> 
<html lang="en" ng-app="myApp"> 
    <head> 
    <title>Sample app</title> 
    <link href="content/css/styles.css" rel="stylesheet" type="text/css" /> 
    <script src="app/lib/angular.min.js"></script> 
    <script src="app/lib/angular-route.min.js"></script> 
    <script src="app/app.js"></script> 
    </head> 

    <body> 
    <header ng-include="'header.html'"></header> 
    <main ng-view></main> 
    </body> 
</html>

angular.module('myApp', ['ngRoute']) 

.config(['$routeProvider', function($routeProvider){ 
    $routeProvider 
     .when('/home', { 
      templateUrl: 'views/home.html' 
     }) 
     .when('/directory', { 
      templateUrl: 'views/directory.html', 
      //since this page requires a controller 
      controller: 'myController' 
     }) 
     .otherwise({ 
      redirectTo: '/home' 
     }); 
}]); 


angular.module('myApp', []) 
    .controller('myController', function($scope) { 
     $scope.message = ("Hello World"); 
});

Directory.html

<p>This is my directory page.</p> 
<p>{{message}}</p>

Header.html

<div id="menu-bar"> 
    <h1>My Sample App</h1> 
     <ul> 
      <li><a href="#home">Home</a></li> 
      <li><a href="#directory">Directory</a></li> 
     </ul> 
</div>

來源

2016-08-24 John M.

您的js文件無效。

angular.module('myApp', ['ngRoute']) 

.config(['$routeProvider', function($routeProvider){ 
    $routeProvider 
     .when('/home', { 
      templateUrl: 'views/home.html' 
     }) 
     .when('/directory', { 
      templateUrl: 'views/directory.html', 
      //since this page requires a controller 
      controller: 'myController' 
     }) 
     .otherwise({ 
      redirectTo: '/home' 
     }); 

}]); 

angular.module('myApp', []) 
    .controller('myController', function($scope) { 
     $scope.message = ("Hello World"); 
});

您所放置的配置模塊內部的控制器......

來源

2016-08-24 19:28:05 Thalaivar

Thalaivar，感謝您的回覆。我根據你的迴應修改了我的代碼，並在原始文章中修改了JS。不幸的是，現在按鈕不起作用。 –

沒關係，明白了。這對我來說太過分了。謝謝！！ –

爲什麼我的頁面沒有拿起我的控制器

回答

相關問題