随笔分类 -  angular

摘要:通过Ajax获取JSON数据 以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: 效果图如下: 现在把模型model内的items中的值单独写成一个JSON文件,再通过发起Ajax请求的方式获取JSON数据。 1.把todo.html文件内的模型model去除直接定 阅读全文
posted @ 2018-05-11 16:01 本木木 阅读(202) 评论(0) 推荐(0)
摘要:与用户交互的动态清单列表 以我之前写的一个清单列表页面作为例子(MVC模式的清单列表效果),优化前代码如下: 效果如下: 优化过程 1.使复选框状态与布尔值同步(双向模型绑定) 想要为Done属性添加复选框,并与true/false的值同步,即达到以下效果: 点击复现框会使右侧true/false的 阅读全文
posted @ 2018-05-11 15:57 本木木 阅读(251) 评论(0) 推荐(0)
摘要:MVC模式的清单列表效果 使用WebStorm新建todo.html并链入bootstrap.css、bootstrap-theme.css、angular.js。要链入的相关css和js文件预先准备好,文件目录如下: 使用MVC模式前的代码: 使用MVC模式后代码如下: 效果图如下: 使用Chro 阅读全文
posted @ 2018-05-11 15:55 本木木 阅读(184) 评论(0) 推荐(0)
摘要:语法: 要将区别先弄清$http服务,它是对原生XMLHttpRequest对象的简单封装,是只能接受一个参数的方法, 这个方法会返回一个promise对象,具有sccess和error两个方法。当然,我们也可以在响应返回时用then 方法来处理,会得到一个特殊的参数,代表了对象的成功或失败信息,或 阅读全文
posted @ 2018-05-11 15:53 本木木 阅读(974) 评论(0) 推荐(0)
摘要:AngularJS不仅仅只有双向绑定等等功能,还有发送Ajax请求的Api。 效果图: 请求的文件(data.php): Jqurey方式 AngularJS方式 使用JQuery中的Ajax和使用AngularJS中的Ajax本质上没有区别,只是api的区别,但是获取数据之后,jquery方式必须 阅读全文
posted @ 2018-05-11 15:49 本木木 阅读(3042) 评论(0) 推荐(0)