如何在angularjs中定义多个主页?

时间:2015-09-16 13:00:06

标签: javascript angularjs webpage

我希望有多个主索引页面可以互相独立访问。意思是:没有全局页面提供到所有主索引页面的静态链接。每个人都应该独立生活:

WebContent/indexA.html
WebContent/indexB.html
...

问题:如果我不调用angularjs扩展名,而是在该路径上获取查询,如何编写显示这些页面的*.html控制器?

我希望能够致电:

localhost/indexA?param=123
localhost/indexB?test=xyz

然后每个人都会映射到他们自己的html页面,而请求参数只能由该页面的控制器处理。

这可能吗?如果是,怎么样?

2 个答案:

答案 0 :(得分:1)

如果我理解正确,您需要在不同的HTML页面上使用相同的代码(Controller),并加载不同的URL。

第一个选项是使用指令来封装相同的逻辑部分(每个指令都可以有属性,你可以用HTML提供它们,取决于你的HTML结构如何)。如果您的应用程序中没有任何路由,这很好。

第二个选项是使用带有HTML5路由的ui-router(然后你可以从URL中选择参数),这可能需要你在前端移动更多的逻辑,但这是明显的解决方案,如果这不是一个小项目。 / p>

接下来的选项是将所需参数放入HTML的脚本标记中,然后从控制器加载它们 - 这很脏,但很快就能解决问题。

答案 1 :(得分:0)

尝试使用ui-router。 根据您传递的参数,您可以选择可以拥有自己的控制器和templateURL的活动状态