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

时间:2015-06-03 04:35:55

标签: javascript json angularjs route-provider

我想通过JSON对象获取pathconfig之后设置路径,我该怎么办?所以web服务器提供了一个包含路径,模板,控制器的json对象,在它之后将其设置为$ routeProvider,或者对于我来说,在设置routeProvider之后它可以被修改,因此它得到json响应是什么将添加到routeProvider包含的内容。

1 个答案:

答案 0 :(得分:1)

跟着一个冒号' :'

例如,假设您的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中,您的链接应如下所示:

<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将处理列表及其附带的链接!