AngularJS 1.6

काम नहीं कर मार्ग मैं अपनी पहली कोणीय एप्लिकेशन बनाने के लिए कोशिश कर रहा हूँ। लेकिन यह बिल्कुल काम नहीं कर रहा है। मुझे नहीं पता कि समस्या क्या है। मैंने कंसोल की जांच की, लेकिन कोई त्रुटि नहीं है।AngularJS 1.6

<head> 
<meta charset="utf-8"> 
<script src="https://code.angularjs.org/1.6.0/angular.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular-route.js"></script> 
</head> 
<body ng-app="myApp"> 
    <h1>Test angular</h1> 
    <a href="#/">Main</a> 
    <a href="#sec">Second</a> 
    <a href="#th">Third</a> 
    <div ng-view></div> 
</body> 

<script> 
var app = angular.module("myApp", ["ngRoute"]); 
app.config(function($routeProvider) { 
    $routeProvider 
    .when("/", { 
     templateUrl : "main.html" 
    }) 
    .when("/sec", { 
     templateUrl : "sec.html" 
    }) 
    .when("/th", { 
     templateUrl : "th.html" 
    }); 
}); 
</script>

क्या कोई मेरी मदद कर सकता है?

app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
    .when("/", { 
     templateUrl : "main.html" 
    }) 
    .when("/sec", { 
     templateUrl : "sec.html" 
    }) 
    .when("/th", { 
     templateUrl : "th.html" 
    }); 
}]);

स्रोत

2016-12-16 Petrus

वहाँ कंसोल में कोई मिली त्रुटियाँ हैं काम कर रहा है का प्रयास करें:/ – Petrus

सभी संसाधनों को ठीक से हल है? जब आप http: //applicationurl/main.html का अनुरोध करते हैं तो क्या आप अपना टेम्पलेट देखते हैं? – Jeroen

मैं स्थानीय सर्वर पर चल रहा हूं। जब मैं यह कोशिश की – Petrus

मार्गों #!/myUrl

के लिए #/myUrl से बदल

<a href="#!/">Main</a> 
<a href="#!/sec">Second</a> 
<a href="#!/th">Third</a>

this answer देखें जो इस उपसर्ग को निकालना चाहते हैं:

आप करने के लिए अपने रेफरी बदलना चाहिए।

स्रोत

2017-01-25 13:02:45 Mistalis

महान जवाब ... – Juan

@ जॉन Sparwasser: धन्यवाद। 1.6.4/angular.min.js के लिए भी मेरे लिए काम किया ... – Thulasiram

सही जवाब !! @ मिस्टलिस महान समाधान। – HarshalY

मुझे पता चला है कि आप $routeProvider ठीक से शामिल नहीं किया था, यहाँ काम कर रूटिंग कोड है

कोणीय 1.6 में

<a href="#/">Main</a> 
<a href="#/sec">Second</a> 
<a href="#/th">Third</a>

स्रोत

2016-12-16 13:28:16

करने के लिए अनुरोध – Petrus

वेबसाइट स्थानीय सर्वर पर होस्ट की गई है? यदि नहीं, तो यही कारण है कि यह –

काम नहीं कर रहा है हां, यह स्थानीय सर्वर पर होस्ट किया गया है। – Petrus

-3

आप अपने href विशेषताओं को ठीक करने की जरूरत है:

सही तरीका है:

स्रोत

2016-12-16 13:40:32 salix

हो रहा है मैं इसे बदल गया है, अभी भी काम नहीं का प्रयास करें:/ – Petrus

अपनी स्क्रिप्ट

app.config(['$locationProvider', function($locationProvider) { 
     $locationProvider.hashPrefix(''); 
     }]);

स्रोत

2017-02-13 14:01:41 Ravi

करने के लिए $ locationProvider जोड़ने का प्रयास करें इस कोड को यह

app.config(['$routeProvider','$locationProvider',function ($routeProvider,$locationProvider) { 
$locationProvider.hashPrefix(''); 
$routeProvider 
    .when('/', { 
     templateUrl: 'index.html' 
    }) 
    .when('/about', { 
     templateUrl: 'about.html' 
    }) 
    .when('/service', { 
     templateUrl: 'service.html' 
    });}]);

स्रोत

2017-04-22 10:52:42

उत्तर

संबंधित मुद्दे