UDN-企业互联网技术人气社区

板块导航

浏览  : 617
回复  : 2

[AngularJS] 关于angularjs的简单使用

[复制链接]
独领风骚的头像 楼主
发表于 2016-12-29 15:19:31 | 显示全部楼层 |阅读模式
  前言angularjs无疑是一款实现前后端分离js库,利用mvc的思想进行,它的使用也是很简单的。

  下面我就简单的介绍一下平时我们用的最多的表格和导航。

  1、在页面的开始引用angularjs库。
2.png

  2、在一个页面中会有地方运用到angularjs,那么在body就开始调用angularjs的必要的东西ng-app="myApp" ng-controller="myCtrl"
1.png

  3、angularjs所要交互的数据都是用{{}}包起来的,比如说,test这个数据是要进行前后端交互的数据,那么就直接{{text}}这样子写就可以了。

  4、
2.png

  这个就是具体的使用

  5、
1.png

  6、之后你还要写一个js去调用json数据。在开始的学习中,没有借口,可以自己写一些静态的数据进行测试。report_th这些命名自己随意起就好,但在调用的时候记得统一。
2.png

  7、有接口之后就简单多了,
1.png

  这个就是直接调用接口的。

  8、完美引用,希望对大家有帮助

相关帖子

发表于 2016-12-29 15:20:02 | 显示全部楼层
经常看到”独领风骚“发帖,辛苦了
使用道具 举报

回复

发表于 2017-1-7 01:46:40 | 显示全部楼层
经常看到”独领风骚“发帖,辛苦了
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部