用AngularJS在DIV中动态加载页面

最近在学AngularJS这个东西,正好在我现在的项目里实践一下。由于是慢慢的把现有程序前端里的模块逐渐迁移到AngularJS+REST API框架,有些地方就必须用老的页面过度一下,使用Django渲染的页面。

首先前提是我所有的angularjs相关的东西都放在static目录下了,包括angularjs使用的模板。最基本的原因就是我不想django模板和angularjs模板混用。所以只有一个用来加载angularjs的一个基础页面是django渲染的,然后还顺便把当前的STATIC_URL存储在一个预加载的js变量里。越用越觉得这样用django+angularjs别扭,争取以后把用户authentication移到angularjs里这样就可以只用django搭建REST的后台服务了。

在使用老的页面填充div时我最先想到的就是jQuery里的load了,在stackoverflow上查到有个ng-include标签可以达到类似的效果。但是比较奇怪的是它的使用方法。比如说我想在一个<div>里加载我的页面,

是不行的。必须得用

但是你可以用

然后在controller里定义这个function.感觉那个引号里就是一个javascript环境一样。

后记:
我发现在传统标签里要用标准的模板格式,比如<img src=”{{img.url}}”。但是在angularjs引入的标签里就可以直接用变量名<img ng-src=”img.url” />或者直接用函数。

 

用AngularJS在DIV中动态加载页面》上有3条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注