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

changing the content inside ng-include after click on a button/link

本文关键字：ng-include 按钮 链接 单击      更新时间：2023-09-26

我正在使用ng-include在div中呈现内容，并且我试图更改文件（表.html）的名称，包括使用ng-include：

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

更改应该是单击其中一个菜单项的结果，因此当有人单击其中一个链接时，main>div 内的内容将根据我们传递给 nav（） 的文件内的内容进行更改。 我尝试像这样定义每个链接：

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

然后在控制器中定义 nav（） 函数（它们都在同一个控制器的控制之下）以使其发送到 ng-include，我希望呈现其内容的文件名，但我想知道如何做到这一点，请问有什么想法吗？

将变量传递到ngInclude：

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

.HTML：

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

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

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

相关文章：