
angularJs
佐杰
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
angularJS(三)angularJsDemo之双向绑定
需求:文本框输入什么后面显示什么 要实现这个需求这里要用到angularJs的model指令 代码如下: <html> <head> <title>anguarJs入门小demo 双向绑定</title> <script src="angular.min.js"></script> </head> &...原创 2019-04-05 16:20:56 · 210 阅读 · 0 评论 -
angularJS实战(一)查询操作
需求如下:如何使用angularJS实现这样的查询列表? 如果不懂angularJS可以看下前几篇的angularJS入门 接下来我们进入正题在实战项目中一般目前都是前后端分离的模式。 我们先实现后端代码: @Reference private BrandService brandService; @RequestMapping("/findAll") public List&...原创 2019-04-13 17:27:43 · 563 阅读 · 0 评论 -
angularJS(九)angularJsDemo之内置服务$http
需求如下: 这里需要注意的是$http内置服务需在tomcat中运行 要实现这个需求 我这里建了一个json文件 [ {"name":"zhangsan","yuwen":100,"shuxue":100}, {"name":"lisi","yuwen":90,"shuxue":90}, {"name":"wangwu","yuwen":80,"shuxue":70}, {"n...原创 2019-04-05 21:07:53 · 293 阅读 · 1 评论 -
angularJS(八)angularJsDemo之循环对象
需求:angularJs之循环对象 实现如下 代码如下: <html> <head> <title>anguarJs入门小demo 循环对象数组</title> <script src="angular.min.js"></script> <script> //建立模块 var app=angu...原创 2019-04-05 18:30:13 · 616 阅读 · 0 评论 -
angularJS(七)angularJsDemo之循环数组
需求如下:用angularJs实现数组得循环 这里用到得指令repeat指令 代码如下: <html> <head> <title>anguarJs入门小demo 循环数组</title> <script src="angular.min.js"></script> <script> //建立模块...原创 2019-04-05 18:24:23 · 667 阅读 · 0 评论 -
angularJS(六)angularJsDemo之事件
需求:输入两个数通过点击事件来得出结果 这里会用到click事件 代码如下: <html> <head> <title>anguarJs入门小demo 事件</title> <script src="angular.min.js"></script> <script> //建立模块 var ...原创 2019-04-05 18:12:11 · 186 阅读 · 0 评论 -
angularJS(二)angularJsDemo之表达式
第一步先引入jsangularJs下载地址 <html> <head> <title>anguarJs入门小demo 表达式</title> <script src="angular.min.js"></script> </head> <body ng-app> {{100+100}} </...原创 2019-03-31 23:07:56 · 183 阅读 · 0 评论 -
angularJs(一)简介
新学习一项新的技能我们要首先要重三个维度去考虑 why what how 首先说why 自然是angularJs本身有一些优秀的地方值得我们去学习 MVC模式 Angular遵循软件工程的MVC模式,并鼓励展现,数据,和逻辑组件之间的松耦合,通过依赖注入(dependency injection),AngularJs为客户端的Web应用带来了传统服务端服务。例如独立于视图控制。...原创 2019-03-31 22:58:41 · 443 阅读 · 0 评论 -
angularJS(五)angularJsDemo之控制器
需求:实现两个数相加 代码实现 <html> <head> <title>anguarJs入门小demo 控制器</title> <script src="angular.min.js"></script> <script> //建立模块 var app=angular.module("myApp...原创 2019-04-05 17:50:58 · 219 阅读 · 0 评论 -
angularJS(四)angularJsDemo之初始化
需求:在加载的时候进行初始化 这里需要的命令init 代码实现如下: <html> <head> <title>anguarJs入门小demo 初始化</title> <script src="angular.min.js"></script> </head> <body ng-app ng-...原创 2019-04-05 16:39:39 · 179 阅读 · 0 评论 -
angularJS实战(二)分页查询
需求如下:如何用angularJS来实现分页来查询? 看到这个需求,我们第一反应可能时是原始的js写的分页查询那样会很繁琐,既然我用了angularJS这个框架,里面肯定有可供我们使用的分页插件。 第一步:引入相关的js和css文件 <script type="text/javascript" src="../plugins/angularjs/pagination....原创 2019-04-13 19:14:16 · 391 阅读 · 0 评论