使用AngularJS嵌套HTML页面

时间:2015-06-19 14:15:42

标签: javascript html angularjs

我正在尝试在两个表之间创建一个切换。我有一个按钮,当您单击时将使用$location.search更改URL中的搜索参数。我将每个表保存在单独的HTML文件中。

我想知道是否可以使用createElement('div')将HTML文件插入另一个(我正在考虑角度模块中的指令)。如果那是不可能的,那么我如何将HTML文件从模块插入另一个HTML文件?

谢谢!

1 个答案:

答案 0 :(得分:5)

正如建议的那样,你应该看看ui-router并根据url参数定义一个嵌套视图。

如果您不需要完整的路由器,可以使用ng-show in angular。

这是plunker as exemple

我在每张桌子上添加了ng-show属性:

 ng-show="!switchTable" for table1
 ng-show="switchTable" for table2

我在按钮上添加了ng-click:

 ng-click="switchTable = !switchTable