在配置中链接param

Question

我开始了一个像phoneCat应用教程这样的新项目，想要修改它。 在我的主页上，我有一个链接，用于我的示例（部分页面）：

<a href="/examples/{{item.id}}" ><h4>{{item.name}}</h4></a>

在我的app.js中，我做了一条路线：

.when('/examples/:id', {templateUrl: '/questions/examples/???', controller: ExampleCtrl})

如何通过我的路由在“ng-view”中加载“/questions/examples/2menu.html”这样的页面？ 换句话说，我如何将{{item.id}}从主页粘贴到'???'？感谢

Answer 1

尝试使用ng-include。我们的想法是，您将从route参数中获取id，使用它来创建特定示例模板的URL，然后使用ng-include指令加载该模板。

.when('/examples/:id', {
    templateUrl: '/questions/examples.html', controller: ExampleCtrl})

在ExampleCtrl中：

function PhoneDetailCtrl($scope, $routeParams, Phone) {
    $scope.theIncludeUrl = "/questions/examples/" + $routeParams.id + "menu.html";
});

在examples.html中：

<div ng-include="theIncludeUrl"></div>