如何通过 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!
我想在通过 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!