我不能讓ng-view正常工作

我一直在嘗試幾個月來弄清楚我在做什麼我的路線有問題。有人可以快速瀏覽這個龐然大物，並告訴我爲什麼ng-view不起作用嗎？ $ scope.name不能正確顯示，而ng-view似乎沒有工作。 http://plnkr.co/edit/7vtgxmvqI0eiDALIW7G8 我不能讓ng-view正常工作

的script.js

var app = angular.module('blog', ['ngRoute']); 

app.config(function($routeProvider) { 

    $routeProvider.when('about.html', { 
     templateURL: "about.html", 
     controller: 'AboutController' 
    })  
}); 

app.controller('AboutController', function($scope) { 
    $scope.name = "marcus"; 
});

的index.html

<!DOCTYPE html> 
<html ng-app="blog"> 

    <head> 
    <script src="https://code.angularjs.org/1.2.2/angular.min.js"></script> 
    <script src="https://code.angularjs.org/1.2.2/angular-route.min.js"></script> 
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <a href="about.html">Notes</a> 

    <h1>Click the Link ^</h1> 
    <h2>{{2+2}}</h2> 

    <div ng-view> 

     <p>ng-view should be loading data from about.html right here but it's not working</p> 

    </div> 
    </body> 
</html>

about.html

<html> 
    <body> 
    <h1>Hello</h1> 

    <h2>{{name}}</h2> 
    </body> 
</html>

來源

2015-10-14 Mjuice

在PLUNK中的演示工作得很好。 –

同樣在這裏 - 工作正常。究竟是什麼問題？ – Michael

唯一不起作用的是我可以繞過登錄直接進入儀表板。既然你沒有談論這件事：一切看起來都很好。 – JasperZelf

的index.html改變HREF爲如下：

<a href="#/about.html">Notes</a>

也的script.js：

$routeProvider.when('/about.html', { 
    templateUrl: "about.html", 
    controller: 'AboutController' 
    })

這些變化使你的代碼爲我工作。據我所知，問題在於路由。

來源

2015-10-14 11:31:07 Jabir

問題

使用預覽模式，然後您在頁面Plunker - Angular Login App的標籤中看到標題。 http://embed.plnkr.co/ZVVArcJlb8QeGUaFNgBu/preview

問題

另外JavaScript是一種區分大小寫的語言。代替模板

使用模板網址URL：

templateUrl: "about.html",

http://plnkr.co/edit/9c5JKpxRnskBY6EegFGF?p=preview

我用角1.4.6用於測試

來源

2015-10-14 09:45:20 Michael

所以我的錯誤是我正在使用templateURL而不是templateUrl，還是我使用的是角1.2.2？ – Mjuice

問題在於模板*網址*。您可以將Angular版本更改回1.2.2，它可能仍然有效。我只是使用最新版本來防止已經解決的錯誤。 – Michael

我不能讓ng-view正常工作

回答

相關問題