单击按钮/链接后更改ng-include中的内容

Question

我使用ng-include在div中显示内容，并尝试更改文件名（table.html），包括ng-include：

<main>
    <div ng-include="'table.html'">
    </div>
</main>

更改应该是单击其中一个菜单项的结果，所以当有人点击其中一个链接时，主＆gt; div内的内容会根据文件里面的内容改变，其名称我们传递给nav（）。我试着像这样定义每个链接：

        <li class="list-group-item"><a href="#" ng-click="nav(filename.html)">link</a></li>

并定义控制器中的nav（）函数（它们都在同一个控制器的控制之下）以使其发送到ng-include，我想要呈现其内容的文件的名称但是我coukdnt想出怎么做，有什么想法吗？

Answer 1

将变量传递到ngInclude：

$scope.nav = function(path) {
    $scope.filePath = path;
}; 

HTML：

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

请注意，ng-include属性中没有引号。

然后您可以这样使用它：ng-click="nav('filename.html')"。