前端AngularJs
文章平均质量分 95
飞鹰再现
专注信息化,智能制造系统化产品开发与解决方案的研究。先任职一家企业产品架构师。喜爱架构设计,产品研发。Dont repeat yourself.
展开
-
构建自己的AngularJS,第一部分:作用域和digest
原文链接:http://teropa.info/blog/2013/11/03/make-your-own-angular-part-1-scopes-and-digest.htmlAngular是一个成熟和强大的JavaScript框架。它也是一个比较庞大的框架,在熟练掌握之前,需要领会它提出的很多新概念。很多Web开发人员涌向Angular,有不少人面临同样的障碍。Digest到底是怎转载 2015-11-23 13:35:41 · 444 阅读 · 0 评论 -
angularJS之ngModel绑定日期类型出现错误Angular error:datefmt的解决办法
input type="date" ng-model="dateQry"> $scope.dateQry = "2014-12-24";在angular中故意将input type=date类型的ng-model限制为Date类型。如果ng-model不为Date类型就会出现以下错误。Error: error:datefmt Model is not a date o原创 2016-02-20 11:29:42 · 9938 阅读 · 0 评论 -
angularJs 中的$watch与$apply
$watch(expression,handler):注册一个处理函数,当expression表达式所引用的值变化时,该函数将会被通知到。它提供了对外集成的手段,作用域上的某个变化可以触发调用另一个框架中相应的变化。$apply(expression||fn)向作用域应用变化。它提供了对内集成的手段,这样在其他框架中的变化就可以引起AngularJS中的相应变化。原创 2016-03-08 18:35:26 · 624 阅读 · 0 评论 -
也说TypeScript
最近在学习Coffeescript时,看到了另一种脚本语言:typescript。迅速地浏览了一下关于它的介绍,有大概地看了一下这方面的入门教程。果真感到欣喜。其语法及设计的思想跟我这种用惯了C#这门语言的人来说,真的是太熟悉了。比原始的javascript的写法要好了不少,特别是它的接口,类的继承与实现都很爽。与coffeescript比起来,也在写法上舒服了不少。说说coffeescript,原创 2016-03-12 10:18:15 · 811 阅读 · 0 评论 -
解决angular Js中出现unsafe:data:;base64,的问题
在前端通过angular js语言的绑定语法将图片的base64编码字符串绑定到ng-src时,会出现以下错误:unsafe:data:;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQ…hjzU68nmuiFNRMJzchxIB61KGLAfNjH61Cwzil5VsHqK1RkThgODkn6UVEZmQgqcEi原创 2016-04-19 09:01:07 · 7077 阅读 · 2 评论 -
ASP.NET MVC4,Angular Js 开发之显示图片
ASP.NET MVC4是属于后台开发语言,Angular JS属于前端开发框架。但两者设计思想有很多相似之处。两者搭配起来,就更相得益彰。看过很多在MVC4中显示图片处理的方法,但与Angular Js搭配起来并不感觉舒服。所以查过资料后,这里介绍一种在两者一起使用时的简洁操作方法。首先,我的图片是以二进制字节(图片很小)存储在数据库的表中。在MVC框架的Action中,字节从数据库原创 2016-04-19 09:11:35 · 2182 阅读 · 0 评论 -
angularJS 开发原则之约定优先原则
通过用AngularJS开发了一段时间,在JS脚本中有很多相似的代码,如果用C#语言去写的话,会少很多代码,简练很多。通过总结,自己定义了一个约定优先原则,来进行快速开发实现。一般会用到这四个对象:1.脚本与UI绑定通信的视图模型(VM)2.管理视图模型与UI数据变化逻辑的的视图模型通信业务逻辑管理器(VM Manager)3.处理与后台通信的操作管理器(Operate Manager原创 2016-05-04 09:01:31 · 789 阅读 · 0 评论 -
关于AngularJS中的ng-class
在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素(html/css),在controller需要一个简单的POJO(plain object javascript object),与view完全的隔离(交互angularjs框架的职责。但在某些项目中看见controller涉及DOM的元素最多的是在contro转载 2016-06-02 14:09:39 · 478 阅读 · 0 评论 -
Cookie, LocalStorage 与 SessionStorage 区别要点
1. cookie由服务端生成,用于标识用户身份;而两个storage用于浏览器端缓存数据2. 三者都是键值对的集合3. 一般情况下浏览器端不会修改cookie,但会频繁操作两个storage4. 如果保存了cookie的话,http请求中一定会带上;而两个storage可以由脚本选择性的提交5. 会话的storage会在会话结束后销毁;而local的那个会永久保存直到覆盖。coo原创 2016-08-08 08:53:56 · 894 阅读 · 0 评论 -
angular 之表单验证
写这边文章,是想纠正一下《Angular JS高级程序设计》这本书中的一个错误,希望看此书学习的同学可以少受此苦,少走弯路。在此书的第12章,288页,12.4.3节:延迟校验反馈 处,这节内容教给我一个延迟显示验证错误信息的方法,就是点击提交后再显示错误信息,如果操作呢,书中源码如下:.......$scope.addUser=function(userDetails)原创 2016-01-14 19:03:14 · 967 阅读 · 1 评论 -
angular 表单验证之ngMessages
之所以要写这篇文章,是因为要纠正《Angular 权威教程 》这本书中的关于ngMessage中的写法错误。对于ngMessages这个插件的用法其实还是比较容易的。但比较坑爹的是学习这块最开始的参照教程就是这本书,它里面的写法又是错误的。百度查找了一些国人写的文章,要么没有写到那个部分,要么也是照抄而来。谷歌不了,用bing搜了一下,老外的文章。答案有了。就是我这篇文章中要写的重点。对了,本原创 2016-01-14 18:50:53 · 4792 阅读 · 0 评论 -
浅谈AngularJS的$parse服务 这篇可以让你看明白
首先看看官方关于$parse的api$parse作用:将一个AngularJS表达式转换成一个函数Usage$parse(expression)argumentsexpression:需要被编译的AngularJS语句returnsfunc(context, locals)context[object]:针对你要解析的语句,这个对转载 2015-12-08 19:05:51 · 4507 阅读 · 0 评论 -
AngularJS指令开发 详解一
费了不少时间泡在自己的Angular UI for mobile计划,但看来是要搁置一下。一个是因为最近公司项目紧,自己还要忙着考驾照,心力交瘁啊。当然,最重要的原因还是,在Angular的使用上,钻得越深,发现水越深,不得不停下来,重新整理一下知识点。赶紧开始。指令,很重要AngularJS与JQuery最大的区别在哪里?我认为,表现在数据双向绑定,实质就是DOM的操作形转载 2015-11-17 19:07:27 · 947 阅读 · 0 评论 -
学习AngularJS的最强大资源集合
首先介绍两个学习Angular的学习资源AngularJS-Learning还有recipes-with-angular-js-examples。 两个编写Angular的代码规范,分别是angularjs-styleguide和angular-styleguide项目文件结构生成的插件(一般要配合yeoman等使用)generator-angular 这种生成器生转载 2015-11-17 19:42:37 · 2069 阅读 · 0 评论 -
推荐10个很棒的AngularJS学习指南
AngularJS 是非常棒的JS框架,能够创建功能强大,动态功能的Web app。AngularJS自2009发布以来,已经广泛应用于Web 开发中。但是对想要学习Angular JS 的人而言,只有官方文档,那是万万不够的。大多数人更愿意看一些入门视频,或者是更易于理解学习的Demo程序。因此本文推荐了10个AngularJS学习指南,助你一臂之力。 1. Year of M转载 2015-11-24 17:47:41 · 662 阅读 · 0 评论 -
《精通使用AngularJS开发Web App》(三)--- 深入scope,继承结构,事件系统和生命周期
深入探讨 Scope 作用域每一个 $scope 都是类 Scope 的一个实例。类 Scope 拥有可以控制 scope 生命周期的方法,提供事件传播的能力,并支持模板渲染。作用域的层次结构让我们再来看看这个简单的 HelloCtrl 的例子:var HelloCtrl = function($scope){ $scope.name = 'World';}转载 2015-12-14 18:43:20 · 741 阅读 · 0 评论 -
深入浅出AngularJs中的Service
学习AngularJ是有一个多月了,感觉它确实是一个不错的前端框架。用起来确实舒服多了。如果你有后台开发的思维,并精通Javascripts的话,那理解起来就更是轻松多了。控制器,指令,路由,服务,依赖注入这些在用服务器端程序语言进行开发时,在架构分层中那都是些耳熟能详的概念。AngularJs的核心:双向绑定。在WPF,Silverlight中MVVM模式中那也是很不错的东西。在前端框架Knoc原创 2015-11-28 10:52:19 · 14601 阅读 · 0 评论 -
AngularJS处理ASP.Net MVC Json返回日期
ASP.NET MVC 在返回 JSON 类型时,,时间的格式会是 "/Date(1306418993027)/"public ActionResult Test(){ List persons = new List(); //... return Json(persons, JsonRequestBehavior.AllowGet);}其中Person有birt转载 2015-12-03 12:57:48 · 954 阅读 · 0 评论 -
Angular的侦察兵:$watch()和$observe()
首先我们来说一说它们两个的使用场景:$watch()$watch()是angular上scope对象的一个方法。任何一个控制器中,但是不推荐在在控制器中使用$watch();因为这样使得测试和维护变得很困难。任何一个指令中,可以在指令的link函数中使用,这是一种推荐的方式。他不但可以监测angular expression的变化,还可以检测func转载 2015-12-08 18:42:45 · 2159 阅读 · 0 评论 -
在AngularJS中以相同的请求处理上传文件和JSON格式数据
原文出处:http://shazwazza.com/post/uploading-files-and-json-data-in-the-same-request-with-angular-js/我决定写一遍快速介绍这方面的文章,因为很多关于这方面的文档或例子都太片面了。通过这篇文章,我们将学会实现用同样的请求处理来上传任意数量的文件和其他任意格式的数据。这个例子我们会上传一些Json格式的数据翻译 2016-08-24 10:35:21 · 2370 阅读 · 0 评论