AngularJS ngview和复杂的活动内容

时间:2013-08-14 21:50:08

标签: angularjs

我一直在尝试使用ngview和angular routing来查看我是否可以创建一个单页面应用程序(SPA),它允许我交换不同的视觉工具,同时保持一个共同的整体应用程序范围。是什么类型的内容可以呈现到ngview中有限制吗?

我尝试使用嵌入式谷歌地图构建角度局部网页(视图),但它不会渲染。角度模块angular-gm表示它支持ngview指令,但我找不到任何与ngview一起使用的例子,我的尝试都没有成功。

因此,一般来说,部分网页(视图)中嵌入的内容类型的限制是什么?在ngview中无法正确呈现/激活?

并且,有没有人有示例代码将谷歌地图嵌入角度局部网页(视图)并在ngview中正确渲染?

感谢。

2 个答案:

答案 0 :(得分:1)

您可以在视图中放置的内容没有限制。您可能受限制,因为您没有在指令中或在角度路由之后初始化您的javascript组件。

最简单的解决方案可能是将初始化放在控制器中,或者在控制器中调用,但是通过计时器延迟(例如):

function controller($scope, $timeout) {
    setTimeout(startGoogleMap(), 0);
}

但这样做的好方法是使用指令。你应该看看角度ui,他们已经为谷歌地图做了指示。

http://angular-ui.github.io/

答案 1 :(得分:1)

Galdo对于视图中的内容没有实际限制是正确的。但是,您可能遇到的是范围问题。 ng-view创建一个新的子范围。如果您尝试访问父作用域中的变量,则需要在它们前面添加$ parent(例如:$ parent.myScopedVar)以使它们显示在视图中。

那就是说,我也同意Galdo关于指令是更好的方法来实现这一功能。