مسیریابی انگولار AngularJS Routing

ماژول ngRoute به برنامه شما کمک می کند تا به یک برنامه تک صفحه ای تبدیل شود.

مقالات

مسیریابی در AngularJS چیست؟

اگر می خواهید به صفحات مختلف در برنامه خود حرکت کنید، اما شما همچنین می خواهید این برنامه یک SPA (Single Page Application) باشد، بدون بارگذاری صفحه، شما می توانید از ماژول ngRoute استفاده کنید.

ماژول ngRoute برنامه شما را به صفحات مختلف بدون بارگذاری کل برنامه هدایت می کند.

مثال:

هدایت به “red.htm”, “green.htm”, و “blue.htm”:

<body ng-app="myApp">

<p><a href="#/!">Main</a></p>

<a href="#!red">Red</a>
<a href="#!green">Green</a>
<a href="#!blue">Blue</a>

<div ng-view></div>

<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
  $routeProvider
  .when("/", {
    templateUrl : "main.htm"
  })
  .when("/red", {
    templateUrl : "red.htm"
  })
  .when("/green", {
    templateUrl : "green.htm"
  })
  .when("/blue", {
    templateUrl : "blue.htm"
  });
});
</script>
</body>

<a href="#!green">Green</a>

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

app.config(function($routeProvider) {

$routeProvider

.when("/", {

templateUrl : "main.htm"

})

.when("/red", {

templateUrl : "red.htm"

})

.when("/green", {

templateUrl : "green.htm"

})

.when("/blue", {

templateUrl : "blue.htm"

});

</script>

</body>

به چه چیز نیاز داریم؟

5/5 - (1 امتیاز)

مسیریابی انگولار AngularJS Routing

مسیریابی در AngularJS چیست؟

به چه چیز نیاز داریم؟

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید لغو پاسخ

مسیریابی در AngularJS چیست؟

به چه چیز نیاز داریم؟

مطالب زیر را حتما مطالعه کنید

ساخت انیمیشن با انگولار – angularjs animation

AngularJS Includes

api آنگولار جی اس – Angularjs API

اعتبارسنجی فرم ها با آنگولار – AngularJS Form Validation

ساخت form با آنگولار جی اس – angular forms

کار با event ها در آنگولار – AngularJS Events

دیدگاهتان را بنویسید لغو پاسخ