与用户交互的动态清单列表 以我之前写的一个清单列表页面作为例子(MVC模式的清单列表效果),优化前代码如下: 效果如下: 优化过程 1.使复选框状态与布尔值同步(双向模型绑定) 想要为Done属性添加复选框,并与true/false的值同步,即达到以下效果: 点击复现框会使右侧true/false的 ...
分类:
Web程序 时间:
2018-05-11 17:34:23
阅读次数:
233
通过Ajax获取JSON数据 以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: 效果图如下: 现在把模型model内的items中的值单独写成一个JSON文件,再通过发起Ajax请求的方式获取JSON数据。 1.把todo.html文件内的模型model去除直接定 ...
分类:
Web程序 时间:
2018-05-11 17:33:58
阅读次数:
222
紧接着第一部分: 推荐阅读: http://adrianmejia.com/blog/2014/10/03/mean-stack-tutorial-mongodb-expressjs-angularjs-nodejs/ 源项目: git clone https://github.com/amejia ...
分类:
Web程序 时间:
2018-03-11 20:53:47
阅读次数:
172
最近学习了一下关于AngularJs的知识,发现和Vue还是有非常相似的东西。所以对于学过Vue的自己来说,还是比较好理解的 特点:双向数据绑定,单页面应用 控制器: AngularJs控制器可以控制网页上的DOM元素,也可以响应网页上的单击事件,这一切源于$scope,它是模型(ng-model) ...
分类:
Web程序 时间:
2018-03-05 00:00:09
阅读次数:
255
1.angular.bind(self, fn, args) 作用:返回一个新的函数,绑定这个函数的this指向self 参数:self:新函数的上下文对象 fn:需要绑定的函数 args:传递给函数的参数 返回值:this指向self的新函数 作用:返回一个新的函数,绑定这个函数的this指向se ...
分类:
Web程序 时间:
2018-02-04 22:52:30
阅读次数:
298
最近换了工作,新环境主推AngularJS4,学习其他之余,看了AngularJS的教程,有备无患。笔记主要基于Angular2,其中观点只是目前的感受,也许经过正式项目之后,会有更全面的看法。 1. AngularJS的优点 1) 规范了HTML元素的绑定方式与页面上的数据传递,页面元素的所有操作 ...
分类:
Web程序 时间:
2018-01-21 13:49:00
阅读次数:
213
1-组件 创建组件,使用angularjs模块的conponent()方法,component(name,options);使用编译器注册组件定义,表示应用程序中的一个独立的UI组件。组件定义通常仅由模板和控制器组成。name为组件名,options为组件定义对象,其属性包括:controller( ...
分类:
Web程序 时间:
2017-09-03 17:56:07
阅读次数:
205
在angularjs中,服务是一个函数或对象,可在angularjs应用中使用。其中$location服务可以返回当前页面的url地址。要使用它,需要在controller中进行定义,作为一个参数传入到controller中。 $http服务向服务器发送请求,应用响应服务器传送过来的数据。 $tim ...
分类:
Web程序 时间:
2017-08-28 19:58:38
阅读次数:
298
什么是 AngularJS? AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。 AngularJS 把应用程序数据绑定到 HTML 元素。 AngularJS 可以克隆和重复 HTML 元素。 AngularJS 可以隐藏 ...
分类:
Web程序 时间:
2017-08-23 10:20:22
阅读次数:
186