如何通过 json 设置 AngularJS $routeProvider 的路由

How to set the AngularJS $routeProvider's routes by json

我想在通过 JSON 对象获取 pathconfig 后设置路径,我该怎么做?所以网络服务器提供了一个 json 对象,其中包含路径、模板、控制器,在它之后 angular 将其设置为 $routeProvider,或者在设置 routeProvider 之后它可以是对我有好处的已修改,因此它得到 json 响应将添加到 routeProvider 它包含的内容。

后跟冒号 ':'

例如,假设您的 json 看起来像:

"objects": [
    { "itemID": "121", "itemName": "Doe" },
    { "itemID": "122", "itemName": "Smith" },
    { "itemID": "123", "itemName": "Jones" }
]

在您的 .js 文件中:

$routeProvider.when('/item=:itemID', {     //FOLLOW BY A COLON RIGHT HERE
    templateUrl: 'itemOverview.html',      //change as you like
    controller: 'itemOverviewController'   //change as you like
});

取决于你是如何得到你的 json 以及你给 $scope 起什么名字,ng-repeat 中的名字应该由你决定。

在您的 HTML 中,您的 link 应该如下所示:

<ul class="itemList">
    <li ng-repeat="object in objects">
        <!-- a '#' is required at the beginning of 'href=' for routeProvider -->
        <a href="#/item={{object.itemID}}">{{object.ItemName}}</a>
    </li>
</ul>

使用 ng-repeat,angular 将处理列表和它附带的 link!