使用AngularJs在div中加载带有NG-Grid的HTML文件

时间:2015-03-12 11:54:48

标签: angularjs angularjs-routing

我有一个HTML文件,点击超链接我需要在第一个HTML文件中的DIV中加载另一个HTML文件。我可以在AngularJS中实现这一目标吗?如果是这样的话? HTML中还有ng-Grid。这是我正在尝试的代码:

3 个答案:

答案 0 :(得分:0)

以下是代码:

<a ng-click="showAdditionalContent = true">Show</a>
<div ng-if="showAdditionalContent" ng-include="html/file.html">

</div>

答案 1 :(得分:0)

您也可以使用ngBindHtml指令。

https://docs.angularjs.org/api/ng/directive/ngBindHtml

答案 2 :(得分:0)

关于超链接的好处是它们通常将HTTP GET请求映射到可重用的URL。

如果您使用$routeProvider

<a href="#/table">table</table>
<div ng-view="table"></div>

像这样:http://plnkr.co/edit/ZlVZZYw9wQIDza7NeVtu?p=preview

您可以按住Ctrl键单击该链接,在新标签/窗口中打开链接或共享链接。