Angular js routingが正常に動作していない、CDN

1）URLの変更が表示されますが、そのページのテキストはng-viewで表示されません。Angular js routingが正常に動作していない、CDN

**Angular script**

VARアプリ=角度 .module（ "MyAppの"、[ "ngRoute"]）の.config（関数（$ routeProvider）{$ routeProvider .when（ "/ホーム"、{ templateUrl： "Home.html"、 }） .when（ "/ありがとう"、{ templateYrl： "ThankYou.html"、 }） }）

**Html code** 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 

    <script src="angular.min.js"></script> 
     <script src="angular-route.js"></script> 
    <title></title> 
</head ng-app="myapp"> 
<body> 
    <div> 
     <a href="#/Home">Home</a> 
     <a href="#/ThankYou">ThankYou</a> 

    </div> 

<div ng-view></div> 

</body> 
</html> 

**Home.html** 

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

    <title></title> 
</head> 
<body> 
    <div> 
    Home 
</div> 
</body> 
</html> 
[enter image description here][1] 



    [1]: https://i.stack.imgur.com/KKt8u.png

出典

2016-12-11 KarDinal Royce

var app = angular.module("Demo", ['ngRoute']); 
app.config(function($routeProvider) { 
    $routeProvider 
    .when('/Home', { 
     templateUrl: 'Home.html', 
     controller: 'FirstController' 
    }) 
    .when('/ThankYou', { 
    templateUrl: 'ThankYou.html', 
    controller: 'SecondController' 
    }) 
}); 
app.controller('FirstController', function($scope) { 

}); 
app.controller('SecondController', function($scope) { 

});

DEMO

出典

2016-12-11 08:47:15 Sajeetharan

Angular js routingが正常に動作していない、CDN

答えて

関連する問題