用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” />或者直接用函数。

 

2012年回顾,2013新年愿望

2012年能想起来做过的事情

  • 一次不成功的创业尝试,让我学到了不少。
  • 我成立的meetup在机缘巧合下壮大,认识了很多创业圈里的人。也改变了我对很多事的看法。学到了更多lean startup的知识。
  • 被逼着学了点Erlang,发现其中的乐趣。顺便看了看clojure。终于接触到了传说中的functionl language。
  • 从ericsson跳出来加入HiQ,继续我的顾问生涯,开始做硬件测试。
  • 终于学车了,还剩理论和驾车考试。(顺便说一句瑞典的冰上驾驶课程爽极了)

2013想做的事情

  • 提高web开发技术(django,node.js相关,前端)。
  • 转到web开发职位。
  • 继续学习Erlang和clojure。
  • 加入startup spring camp,多接触创业方面的知识和人。
  • 完成一个和留学或者海外移民相关的点子。
  • 拿到驾照,嘿嘿。
  • 完成我的Arudino履带机。