Question

我想在Angular控制器中应用路由。我有多个标签，当用户点击tab2时，它会显示一个列表用户可以选择的选项。当用户选择链接＆＃34; Red＆＃34; ，它应该在tab2的同一内容区域的右侧显示red.html的内容，根据用户选择它应该在右侧显示内容。

在这里演示：https://plnkr.co/edit/lYOaA91ddqASHR3PwULz?p=preview

在上面的代码演示中，当用户选择Tab2时，tab2中会显示一些链接，当用户点击链接时，它会被路由到其他html页面，其内容应该显示在同一个标签的右侧

当用户选择Tab2上的任何链接时，下面是用于路由的js代码。有关如何在控制器内执行路由的任何建议

var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "main.html"
    })
    .when("/red", {
        templateUrl : "red.html"
    }).when("/green", {
        templateUrl : "green.html"
    });
});

有关如何从ng-controller内部执行路由的任何输入。

Answer 1

使用以下HTML：

<li><a href="/">Main</a> </li>
<li><a href="/#!/red">Red</a></li>
<li><a href="/#!/green">Green</a></li>

根据用户选择在同一页面上显示内容

1 个答案: