Angular

Angular1.x关于module,controller,作用域的概念

如创建一个控制器时,angular会生成一个新的$scope,控制器的作用域是可以嵌套的,如父控制器和子控制器。指令在创建时,angular也会为她创建一个作用域。来看下最简单的指令给指令传递数据,可以直接使用外部controller的作用域的属性。如果某个版本的angular不再支持controlleras,可以轻易的注入$scope,修改为varvm=$scope;因为不再注入$scope了,controller更加的POJO,就是一个很普通的JavaScript对象。模板上定义的每个字段方法都会在s

AngularJs与ReactJS优缺点&适用场景

在Angular的作用域中任何操作的执行都会引发Dirty-checking,随着绑定数量的增加性能就会越低。同构的JavaScript单页面JS应用程序的最大缺陷在于对搜索引擎的索引有很大限制。React对此有了解决方案。而且第三方组件远远不如Angular多。而Angular在这方面提供的东西比React多多了.

Getting Started with AngularJS 1.5 and ES6: part 6

I18nwithAngularTranslateYourapplicationCouldberequiredtosupportmulti-languages.Thereareafewsolutionstosupporti18ninAngularapplications.Angulartranslateisoneofthemostpopulars.Installangulartranslatepac

Getting Started with AngularJS 1.5 and ES6: part4

AuthenticationInarealworldapplication,itshouldprovidelogin,registrationandlogoutfeaturesforusers,andalsocanidentifyifauserhastherolesorpermissionstoaccesstheprotectedresources.Ihavesetaddingpostandedi

Getting Started with AngularJS 1.5 and ES6: part 3

HandlingformsubmissionWehavecreatedpostslistpageandfetchedpostsdatafromrealremoteAPIs.Inbeforesteps,wehavecreateddummyfilesbygulpcomponentforaddingnewpostsandeditingexistingpost.Let'senrichthecontento

Getting Started with AngularJS 1.5 and ES6: part1

GettingstartedGulpAngulargeneratorissimpleandstupid,butitdoesnotembraceAngular1.5completelyNow.AndIwouldlikeuseWebpackinthenewAngular1.xproject.AngularClassprovidesaverysimplemininalNG6-starterproject

Angular2初探

Angular2是Google下一代MV*框架,用于构建复杂浏览器应用。Angular2给WEB或移动Apps带来了一揽子解决方案,从模板渲染到数据绑定,从Http服务到表单处理等等,总之,你想要的,Angular2基本上都已封装好了。万事始于HelloWorld,不论Angular2怎么牛,咱们先得把官方的例子跑起来再说。这里使用基于webpack创建Angular应用。环境准备nodev5.x.xnpmv3.x.xstep1:创建并配置本项目创建项目目录:创建配置文件典型的Angular项目需要一系列

Avalon,继Angular之后

而通过这段时间,在项目中对Avalon的应用,发现两者其实差不多。Avalon是一个功能强大,体积小巧的MVVM框架。下面列举的是Avalon的一些优势和与其他框架的一些比较,我觉得有了实践之后,体会更加深刻。对于Avalon,第一次听,没接触过,在团队的帮助下,得以让我很快地上手,也许是之前有些Angular的使用感受,所以在接触到了项目的前端之后,就让我很容易想到了Angular,最明显的特征就是双向的数据绑定。我也喜欢上这个Avalonjs了。

angular的表格排序、分页和一些基本操作

老规矩先上项目目录结构:HTML代码如下:JS代码如下test.json数据如下:例如根据名称字段进行排序正序:倒序:这里是需要传到服务器的数据:至于对某一行进行增删改查操作的话,请参考我的自定义指令