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

我想在角度控制器内应用路由。我有多个选项卡，当用户单击选项卡2时，它会显示一个列表 用户可以选择的选项。当用户选择链接“Red”时，它应该在tab2中相同内容区域的右侧显示Red.html的内容，根据用户选择，它应该在右侧显示内容

此处演示：

在上面的代码演示中，当用户选择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控制器内部执行路由的任何输入。

使用以下HTML：

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

使用以下HTML：

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

我可以建议您对嵌套路由使用ui路由器：我已经在使用ng路由了。问题是使用ng控制器内的LNIK时如何路由。@我可以建议您使用ui路由器进行嵌套路由：我已经在使用ng路由。问题是在ng控制器内使用LNIK时如何路由。@CommercialSequestive plnkr链接在哪里？将我的HTML放入您的plnkr。我有..但它不工作，您能编辑和更新我的plnkr吗？我更新了您plnkr上的代码，请同时检查您提到的HTML（green.HTML，red.HTML…）文件路径！！！！！你真的想提供答案吗？如果你看到我的plnkr，所有需要的html（green.html，red.html）都在那里。但是你的代码不起作用。如果你想提供完整的帮助，请给其他人一些空间，以便其他人可以帮助…@Syed Amir Hussain plnkr链接在哪里？将我的HTML放入你的plnkr。我有..但它不起作用，你能编辑和更新我的plnkr吗？我更新了你plnkr上的代码，请检查HTML（green.HTML，red.HTML…）你提到的文件路径就在那里！！！！！你真的想提供答案吗？如果你看到我的plnkr，所有需要的html（green.html，red.html）都在那里。但是你的代码不起作用。如果你想提供全面的帮助，请尽量给其他人一些空间，以便其他人能够帮助…@Syed Amir Hussain