AngularJS - 具有不同数据的类似页面结构

时间:2014-07-21 06:31:04

标签: javascript angularjs angularjs-ng-repeat url-routing

我有模板页面,上面有ng-repeat。但我希望有两个页面具有相似的结构和不同的数据。是否可以在AngularJS中执行此操作?要使用角度路由在I' m之间切换 - 那么也许有办法通过URL参数获取数据?或者更简单的方法可以做到这一点?

1 个答案:

答案 0 :(得分:1)

是的,例如,请参阅使用相同模板但具有不同控制器和不同网址的2条路线:

.state('edit-workhours', {
    url: "/workhours/edit/:scheduler_id/:calander_id",
    templateUrl: 'partials/edit-workhour.html',
    controller: 'EditWorkhoursController'
})
.state('add-workhours', {
    url: "/workhours/add/:scheduler_id/:calander_id",
    templateUrl: 'partials/edit-workhour.html',
    controller: 'AddWorkhoursController'
})

如您所见, edit-workhour.html 在两条路线之间很常见

如果你想要同一个控制器:

.state('A', {
    url: "/routeA",
    templateUrl: 'partials/partialA.html',
    controller: 'ControllerA'
})
.state('B', {
    url: "/routeB",
    templateUrl: 'partials/partialA.html',
    controller: 'ControllerA'
})