angular.js - angular 專案開發中頁面跳躍的問題

Question

在真正的專案開發中有很多個頁面，那各個頁面是不是都是透過一個index頁面， 在index頁面裡放一個

然後配置很多路由來跳轉，傳參的呢？

Answer 1

你說的應該是用angularjs 實現單頁應用的例子一般我們會在index中放入公共的引用和一般都有的導航然後分區在想要實現跳轉模組的地方寫ng-view 然後通過app. js配置跳轉路由以及對應的controller 將功能業務相近的controller 放在一起這樣

Answer 2

1. 是的，SPA單頁應用是透過設定路由來跳轉的，HTML中用來定義內容跳轉的部分，ui-router的精髓在於嵌套，所以這個ui-view可以是多層的
   2.參數的配置，先在路由配置部分說明參數名稱

        .state("order.detail", {
            url: "/Detail/?:order_id",
            templateUrl: "/detail.html",
            title: "Detail",
            controller: "detailCtrl",
            params: {'order_id': null, 'order_status': null}
          });

範例中兩個參數order_id和order_status，你可以把參數拼接到url中，:order_id就是拼接的:order_id就是拼接的
在跳转的过程中传递参数ui-sref="order.detail({ order_id: order.id })"在跳轉的過程中傳遞參數ui-sref="order. detail({ order_id: order.id })"