Saya mahu menggunakan routeProvider dan templat dalam sudut untuk menukar paparan bahagian kandungan Mengapakah ia tidak boleh dicapai dengan menulis dengan cara ini? Kodnya adalah seperti berikut.
Latar belakang PS bukan NODE
index.html
...
<p id="content-holder">
<p ng-view></p>
</p>
...
route.js:
var myApp = angular.module('myApp',['ngRoute']);
myApp.config(['$routeProvider',function($routeProvider){
$routeProvider
.when('/',{
templateUrl:"page/home/homePage.html",
controller:"contentController"
})
.otherwise({
redirectTo: '/'
});
}]);
myApp.controller("contentController",function(){
...
});
homePage.html:
<p id="content" data-role="content">
...
</p>
Saya menjalankannya mengikut kod anda dan ia berfungsi saya menganggarkan bahawa ralat anda mungkin muncul dalam langkah berikut:
homePage.html
betul?XMLHttpRequest cannot load file:///******/test/1/page/home/homePage.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
ini bermakna keseluruhan folder anda tidak berjalan di bawah pelayan Kerana kod html luaran perlu dimuatkan, penyemak imbas adalah dilarang . Ya, ia hanya boleh dijalankan melalui pelayan tempatan (ini diamalkan dalam pelayargoogle chrome
).index.html
telah ditambahkan pada halamanng-app
.Itu pada asasnya, anda boleh melihat dengan lebih dekat, saya harap ia dapat membantu anda. ^_^