2017-07-28 6 views
0

Das ist mein app.js verwenden,Ausgabedaten anderer Seite auf einer einzigen Seite Anwendung bekommen AngularJS

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

myApp.config(function($routeProvider){ 
    $routeProvider.when('/',{ 
     templateUrl: 'views/home.html', 
     controller: 'homeCtrl' 
    }).when('/detail',{ 
     templateUrl: 'views/details.html', 
     controller: 'detailCtrl' 
    }).otherwise({ 
     redirectTo: '/home' 
    }); 

}); 

myApp.controller('homeCtrl',function($scope){ 
    $scope.message ="Welcome to your Home Page" 
}); 

myApp.controller('detailCtrl',function($scope){ 
    $scope.message ="Name: Manish" 
}); 

Diese Seite index.html ist,

<html > 
     <head> 
     <meta charset="ISO-8859-1"> 
     <title>Try It Out</title> 
     <script type="text/javascript" src="js/angular.js"></script> 
     <script type="text/javascript" src="js/angular-route.js"></script> 
     <script type="text/javascript" src="js/app.js"></script> 
     </head> 
    <body ng-app="myApp" ng-controller="homeCtrl" style="text-align: center;"> 
     <span ><a href="/">{{message}}</a></span><br> 

     <a href="#/">Home</a>&nbsp;&nbsp; 
     <a href="#/detail">Details</a> 

     <br><br> 
     <div ng-view></div> 

     <h4>copyright 2017</h4> 
     </body> 
    </html> 

dies mein home.html ist

<h3>Home</h3><br> 
{{message}} 

gleichen in details.html

<h3>Details</h3><br> 
{{message}} 

Problem ist, wenn ich es auf dem Server laufen seine Startseite auf die erste gehen.aber wenn ich auf Details klicken..s zeigt keine Nachricht von Details.html. und Hauptproblem ist, mit URL ... Klick auf Link Details ..

http://localhost:7675/AngularJSinglePage/#!/#%2Fdetail 

Wie u feststellen können "!/#% 2F" dies in between..don't kommt wissen, woher es kommen sollte wie dieser

http://localhost:7675/AngularJSinglePage/#/detail 

Jeder konfrontiert dasselbe Problem? Hilf mir, ich versuche SPA mit AngularJS zu lernen?

Antwort

Verwandte Themen