欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Angularjs

程序员文章站 2022-07-04 11:37:40
...

Angularjs说白了就是对js的进一步封装。长期以springmvc框架做后台的开发人员知道,它的开发模式非常的明了,MVCModel:处理数据层的业务逻辑,View:处理视图,controller,处理视图和数据逻辑的桥梁。像springmvc一样,angularjs也有注入的概念。它也有自己的model,自己的service方法,自己的controller。我们也可以在它的service里面命名自定义的service方法,在controller里以注入的方式对其进行调用。除了这些强大的功能,它还有数据双向绑定,指令,自定义指令。Angularjs的指令可以说非常的强大,可以简化我们很多的不必要操作。我们常用的有ng-bind,ng-model, ng-src,ng- ng-click, ng-if, ng-repeat等通用的指令,还有很多自定义的指令。任何一个项目,都要有一个进入主页的引导,用我们习惯性的index.html。在本页中引入相关的css文件,js文件,头标签,内容标签,初始化加载函数。接下来我们可以制作自己的画面,比如说做一个demo.html文件,我们需要建一个相关的文件夹专门存放html文件。再建立一个相对应的js文件。首先进入index.html页面,会按顺序加载相应的cssjs文件。然后调用ng-app(定义一个angularjs的应用程序)。通过route.js来实现界面的跳转。同时可以进行数据的传递。跳转界面的时候首先会进入相应的controller里进行加载数据,然后渲染到界面。通过指令实现事件的触发。通过angularjs自己封装的$http指令进行postget请求实现调用后台接口。通过自定义的属性进行数据绑定,通过注入的方式现对service里的方法进行调用。

相关标签: angualjs