angularjs - 配置中的链接参数

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}}从主页粘贴到“？？？”？谢谢

score 0 · Accepted Answer

尝试为此使用 ng-include。这个想法是您将从路由参数中获取 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>

1 回答 1