Cara menggunakan dan mengkonfigurasi laluan dalam AngularJs_AngularJS

Angular ialah rangka kerja aplikasi satu halaman yang dibangunkan oleh Google Ia merupakan salah satu rangka kerja aplikasi satu halaman yang lebih utama sekarang Ia mempunyai banyak ciri berkuasa, seperti pengikatan data dua hala, menggunakan corak MVC di bahagian belakang -hujung ke bahagian hadapan, dan Arahan penyesuaian dsb.

Memandangkan ia adalah aplikasi satu halaman, penukaran halaman sememangnya amat diperlukan

sudut menggunakan laluan semasa melaksanakan penukaran halaman.

<script src="js/plugins/angular/angular.min.js"></script>
<script src="js/plugins/ui-router/angular-ui-router.min.js"></script> 

angular.min.js hendaklah dimuatkan sebelum angular-ui-router.min.js Kemudian kami akan mendaftarkannya dalam apl.

(function () {
angular.module('demo', [
'ui.router', 
])
})(); 

Selepas pendaftaran, anda perlu mengkonfigurasi laluan

function config($stateProvider, $urlRouterProvider,$httpProvider) {
$urlRouterProvider.otherwise("/home/get");
$stateProvider
.state('login', {
url: "/login",
templateUrl: "../views/login.html",
})
.state('home', {
abstract: true,
url: "/home",
templateUrl: "views/common/content.html",
})
.state('home.get', {
url: "/get",
templateUrl: "views/get.html",
data: { pageTitle: 'Example view' }
})
.state('home.post', {
url: "/post",
templateUrl: "views/post.html",
data: { pageTitle: 'Example view' }
});
}
app = angular.module('demo');
app.config(config); 

Konfigurasi telah lengkap di sini Setiap keadaan dalam konfigurasi adalah paparan, yang mewakili keadaan halaman digunakan untuk lompatan halaman Fail html yang sepadan adalah dalam fail yang sepadan dengan templateUrl

Di atas adalah pengetahuan tentang penggunaan dan konfigurasi laluan dalam AngularJs yang dikongsi oleh editor saya harap ia akan membantu semua orang.