之前写的第一篇angularJS入门文章 ,介绍ng-model的时候提到:使用angularJS的双向数据绑定机制,不需要我们编写繁琐的代码来实现同样的功能。现在我们看一个比较震撼的例子,看看angularJS是如何减少我们在前端开发中的繁琐劳动的。越是感受到框架功能的强大,越是能够激发学习的兴趣和动力。...
分类:
Web程序 时间:
2014-10-16 00:40:41
阅读次数:
204
图片旋转基于 CSS:`transform:rotate(**deg)` 实现,Angular 用于动态绑定 deg 数: controller:(其实可以省略) lang:js $scope.img = {src:"xxx.png", rotate=0}; HTML: lang:html 向右转 向左转...
分类:
Web程序 时间:
2014-10-15 18:02:01
阅读次数:
337
//html代码
{$doctor.reason|htmlspecialchars|trim|msubstr=0,35} //JS代码 // 使用live可以给动态添加的元素绑定事件 $('td span.doc_reason').live('click',function() { var eval...
分类:
Web程序 时间:
2014-10-15 15:23:16
阅读次数:
230
Forms 为了让form以及控件、ngModel富有样式,可以增加以下class: 通过在元素上添加repuired ?angularjs自动更具状态切换这些class ng-valid (验证成功) ng-invalid (验证失败) ng-pristine(从未输入过) ng-...
分类:
Web程序 时间:
2014-10-15 09:00:20
阅读次数:
225
$(function () { myfun(); }) function myfun() { var aa = { "a": [{ "b": "c" }, { "b": "f" }] }; var obj = eval(aa); //var obj = { a: 1, b: 2, c: 3 } f....
分类:
Web程序 时间:
2014-10-15 00:02:19
阅读次数:
223
实现效果:代码: 1 2 3 4 5 数据正向绑定 6 7 8 9 10 11 12 13 19 20 来源:http://www.zouyesheng.com/angular.html#toc4 感谢作者分享
分类:
Web程序 时间:
2014-10-14 18:56:59
阅读次数:
132
1 2 3 4 5 Name: 6 7 8 9 10 结果图:
分类:
Web程序 时间:
2014-10-14 17:26:08
阅读次数:
204
1 2 3 4 5 6 一个完整例子实验 7 8 9 10 11 12 13 {{w}}*{{h}}14 w:15 h:16 17 18 38 39 40 实现效果:实现在下方输入框中输入宽和高的值,上方div大小随时动态更新参考来源:http...
分类:
Web程序 时间:
2014-10-14 17:06:28
阅读次数:
190
一、JSON字符串转换为JSON对象要使用上面的str1,必须使用下面的方法先转化为JSON对象://由JSON字符串转换为JSON对象var obj = eval('(' + str + ')');或者var obj = str.parseJSON(); //由JSON字符串转换为JSON对象或者...
分类:
Web程序 时间:
2014-10-14 14:51:28
阅读次数:
204
字符串转对象(strJSON代表json字符串) var obj = eval(strJSON); var obj = strJSON.parseJSON(); var obj = JSON.parse(strJSON);json对象转字符串(obj代表json对象) var str = obj.t...
分类:
编程语言 时间:
2014-10-13 20:07:57
阅读次数:
355