AngularJS 是什么?

AngularJS是一个非常强大的JavaScript库,用于在单页应用程序(SPA)项目。它扩展了HTML DOM的附加属性,使之更适应用户操作。 AngularJS是开源的,完全免费的,并且由数千名世界各地的开发。它是根据Apache许可证2.0版许可。

AngularJS是一个开源Web应用程序框架。它最初是由Misko Hevery和Adam Abrons开发于2009年。现在是由谷歌维护。

AngularJS的定义,它的官方文档介绍如下:

AngularJS是动态的Web应用程序结构框架。它可以让你使用HTML作为模板语言,扩展HTML的语法清晰,简洁地表达应用程序的组件。Angular分明的数据绑定和依赖注入必须编写代码。而这一切都在浏览器内发生,这使得它与任何服务器技术的理想合作伙伴。

特点

  • AngularJS是一个功能强大的基于JavaScript开发框架来创建富互联网应用(RIA)。

  • AngulajJS为开发者提供选项来编写客户端应用程序(使用JavaScript)在一个干净的MVC(模型 - 视图 - 控制器)的方式。

  • AngularJS应用是跨浏览器兼容的。自动AngularJS处理适用于每个浏览器的javascript代码。

  • AngularJS是开源的,完全免费的,并且由数千名世界各地的开发。它是根据Apache许可证2.0版许可。

总体而言,AngularJS是一个框架可以用来构建大规模,高性能的网络应用,同时也易于维护。

核心功能

以下是AngularJS的最重要的核心的功能:

  • 数据绑定:它是模型和视图组件之间的数据的自动同步。

  • 适用范围:这些是指模型对象。充当控制器和视图之间的胶水。

  • 控制器:这些是绑定到特定范围的Javascript函数。

  • 服务:AngularJS配有多个内置的服务,例如$http提供XMLHttpRequest。这些是在应用程序实例化一次的单一对象。

  • 过滤器:这些从数组项目中选择一个子集,并返回一个新的数组。

  • 指令:指令是关于DOM元素标记(如元素,属性,CSS等等)。这些可以被用来创建作为新的自定义窗口小部件自定义的HTML标签。 AngularJS有内置的指令(ngBind,ngModel...)

  • 模板:这些都与控制器和模型信息呈现的视图。这些可以使用“谐音”的单个文件(如index.html),或在一个页面上的多个视图。

  • 路由:它是切换视图的概念。

  • 模型 - 视图 :MVC是一个设计模式将应用划分为不同的部分(称为模型,视图和控制器),每一个具有不同的责任。 AngularJS没有传统意义上的MVC实现,而是更接近于MVVM(模型 - 视图 - 视图模型)。AngularJS团队让它作为模型视图而不管。

  • 深层链接:深层链接能够使其可书签应用程序的状态进行编码的URL。应用程序可以从该URL为相同的状态恢复。

  • 依赖注入: AngularJS有一个内置的依赖注入子系统,通过使应用程序帮助开发人员更易于开发,理解和测试。

概念

下图描绘了AngularJS,我们将详细在随后的章节讨论的一些重要部分。

AngularJS Concepts

AngularJS的优点

  • AngularJS提供在一个非常干净和维护方式来创建单页的应用。

  • AngularJS提供了数据绑定功能为HTML从而给用户提供丰富而敏感的体验

  • AngularJS代码可单元测试。

  • AngularJS使用依赖注入和运用关注点分离。

  • AngularJS提供了可重用的组件。

  • AngularJS能为开发人员编写更少的代码,并获得更多的功能。

  • 在AngularJS,视图都是纯HTML页面,并用JavaScript编写控制器完成业务处理。

AngularJS应用程序可以在所有主要浏览器和智能手机,包括Android和iOS系统的手机/平板电脑上运行。

AngulaJS的缺点

虽然AngularJS带有许多加分,但是我们应该考虑以下几点:

  • 不安全:JavaScript只有框架编写的应用程序在AngularJS是不安全的。服务器端的认证和授权是必须的,以保持应用程序的安全。

  • 不可降解:如果应用程序的用户禁用JavaScript的话用户将只能看到基本的页面,仅此而已。

AngularJS组件

AngularJS框架可分为以下三个主要部分组成:

  • ng-app : 该指令规定,并链接一个AngularJS应用程序的HTML。

  • ng-model : 该指令结合AngularJS应用数据的值到HTML的输入控件。

  • ng-bind : 该指令子带AngularJS应用数据的HTML标签。




本文属作者原创,转载请注明出处:易百教程 » AngularJS教程

606阅读 | 0评论
你的回应
  • iyoyaqacuk

    2019-04-21 01:42:41 iyoyaqacuk

    Such qhe.mutq.osbaike.net.exr.ki solute [URL=http://jokesaz.com/amoxicillin/]generic amoxicillin 500 mg[/URL] [URL=http://sammycommunitytransport.org/brand-viagra/]brand viagra no prescription[/URL] [URL=http://impactdriverexpert.com/cialis-professional/]cialis professional online[/URL] [URL=http://palcouponcodes.com/valtrex/]cheapest valtrex[/URL] [URL=http://christmastreesnearme.net/cheap-viagra/]cheep viagra[/URL] merit amoxil brand viagra generic

  • ovasimiyau

    2019-04-15 13:44:22 ovasimiyau

    Those gwo.ejdf.osbaike.net.skw.pf cross-regeneration [URL=http://kafelnikov.net/ventolin/]ventolin online[/URL] [URL=http://sammycommunitytransport.org/imitrex/]order imitrex online rx pharmaceutical[/URL] [URL=http://albfoundation.org/careprost/]cheap careprost[/URL] [URL=http://americanartgalleryandgifts.com/prednisone/]prednisone[/URL] [URL=http://metropolitanbaptistchurch.org/vidalista/]vidalista[/URL] [URL=http://cbfsupply.com/cialis-5-mg-best-price-usa/]buying cialis online[/URL] [URL=http://nitromtb.org/revia/]discount revia[/URL] [URL=http://metropolitanbaptistch

  • asugawavud

    2019-04-14 16:02:08 asugawavud

    Remission kiz.qqyt.osbaike.net.obr.bc add appendicectomy, nephrocalcinosis; [URL=http://aakritiartsonline.com/cialis-20-mg/]generic cialis at walmart[/URL] [URL=http://gaiaenergysystems.com/levitra-20mg/]levitra 20mg[/URL] [URL=http://theswordguy.com/levitra/]generic levitra[/URL] [URL=http://stringerstheory.net/cialis/]order cialis online[/URL] [URL=http://gaiaenergysystems.com/buy-prednisone/]prednisone with no prescription[/URL] [URL=http://stringerstheory.net/amoxicillin/]buy amoxicillin[/URL] [URL=http://cbfsupply.com/pharmacy/]canadian pharmacy[/URL] canadi

  • uzocotomveki

    2019-04-08 10:55:50 uzocotomveki

    Here gfr.rkjb.osbaike.net.ksx.bw mine, [URL=http://bayridersgroup.com/prednisone/]prednisone without dr prescription[/URL] [URL=http://kafelnikov.net/prednisone-without-dr-prescription/]prednisone[/URL] [URL=http://gccroboticschallenge.com/doxycycline/]doxycycline[/URL] [URL=http://aawaaart.com/kamagra/]kamagra oral jelly canada[/URL] [URL=http://kafelnikov.net/accutane/]accutane[/URL] [URL=http://gccroboticschallenge.com/buy-kamagra-online/]buy cheap kamagra from india[/URL] pre-renal liposomes wheelchair buy prednisone withou

  • etumivamoq

    2019-03-18 12:54:41 etumivamoq

    Heavy mli.mhmp.osbaike.net.stk.vl blows set [URL=http://websolutionsdone.com/propecia/]propecia[/URL] online propecia http://websolutionsdone.com/propecia/#buy-propecia-online buy propecia online propecia [URL=http://websolutionsdone.com/viagra/]viagra for sale[/URL] viagra uk http://websolutionsdone.com/viagra/#viagra-online viagra [URL=http://openastorenow.com/personal-loan/]personal loans austin tx[/URL] personal loan interest rates in usa http://openastorenow.com/personal-loan/#personal-loan personal loan [URL=http://refrigeratordealers.com/amoxicillin/]500 mg amoxicillin[/URL] amoxil http://refrigeratordealers.com/amoxicillin/#www.amoxicillin500mg.org amoxicillin online [URL=http://refrigeratordealers.com/prednisone/]prednisone[/URL] buy prednisone online http://refrigeratordealers.com/prednisone/#buy-prednisone-online prednisone order [URL=http://anger-management-action.com/payday-loans-irving-tx/]direct online lenders[/URL] payday loans http://anger-management-action.com/payday-loans-irving-tx/#loan-to-pay-off-payday-loans payday loans [URL=http://umichicago.com/short-cash-loans/]cash loans columbus ohio[/URL] cash loans http://umichicago.com/short-cash-loans/#short-cash-loans short cash loans [URL=http://palawan-resorts.com/canadian-pharmacy-online/]canada pharmacy online no script[/URL] pharmacy http:

  • aqimedigiton

    2019-02-25 16:25:39 aqimedigiton

    She zyi.gwmw.osbaike.net.ham.nf stomach; [URL=http://davincipictures.com/retin-a/]buy retin a online[/URL] tretinoin cream 0.1 http://davincipictures.com/retin-a/#where-to-buy-tretinoin-gel retin a cream [URL=http://davincipictures.com/prednisone/]buy prednisone[/URL] buy prednisone without prescription http://davincipictures.com/prednisone/#buy-prednisone prednisone without dr prescription usa [URL=http://davincipictures.com/doxycycline/]doxycycline[/URL]

  • eqotvazexk

    2019-02-19 22:22:25 eqotvazexk

    The wor.jgbv.osbaike.net.myi.os describe pulsatile; dehydrated [URL=http://michiganvacantproperty.org/buy-propecia/]propecia pills[/URL] online propecia http://michiganvacantproperty.org/buy-propecia/#propecia-online-pharmacy propecia pills [URL=http://scoverage.org/celebrex-200-mg/]celebrex[/URL] celebrex 200 mg http://scoverage.org/celebrex-200-mg/#celebrex celebrex generic [URL=http://biblebaptistny.org/nolvadex/]nolvadex in uk[/URL]

  • sedpakewenoba

    2019-02-14 09:42:42 sedpakewenoba

    Later, cle.ycpb.osbaike.net.tfa.hu pre-operatively plus training [URL=http://secretsofthearchmages.net/ventolin/]ventolin[/URL] buy ventolin http://secretsofthearchmages.net/ventolin/ ventolin [URL=http://otrmatters.com/levitra-20mg/]wife levitra[/URL] levitra 20mg http://otrmatters.com/levitra-20mg/ pharmacy prices for levitra [URL=http://kelipaan.com/flagyl/]metronidazole 500 mg antibiotic[/URL] flagyl http://kelipaan.com/flagyl/ buy metronidazole online [URL=http://gocyclingcolombia.com/generic-levitra-vardenafil-20mg/]levitra 20mg[/URL] generic levitra vardenafil 20mg http://gocyclingcolombia.com/generic-levitra-vardenafil-20mg/ levitraonline [URL=http://playinguphockey.com/generic-levitra/]levitra 20 mg[/URL] generic levitra http://playinguphockey.com/generic-levitra/ levitra 20mg vardenafil 20mg [URL=http://webodtechnologies.com/cialis-online/]cialis online[/URL] tadalafil 20mg lowest price http://webodtechnologies.com/cialis-online/ cialis [URL=http://gocyclingcolombia.com/levitra-20-mg/]levitra[/URL] levitra http://gocyclingcolombia.com/levitra-20-mg/ levitra 20 mg [URL=http://webodtechnologies.com/generic-levitra-20mg/]best price levitra 20 mg[/URL] levitra http://webodtechnologies.com/generic-levitra-20mg/ best price levitra 20 mg [URL=http://a1sewcraft.com/walmart-

  • opapijaxigut

    2019-02-13 16:19:45 opapijaxigut

    Background div.dpvo.osbaike.net.hul.ok compensates goes [URL=http://iranascience.com/viagra-generic/]viagra generic[/URL] generic viagra 50mg http://iranascience.com/viagra-generic/ buy viagra online [URL=http://playinguphockey.com/zoloft/]zoloft no prescription[/URL] zoloft no prescription http://playinguphockey.com/zoloft/ zoloft medicine [URL=http://cveto4ki.com/inderal/]inderal[/URL] buy inderal online http://cveto

  • ecebuce

    2019-02-10 18:17:58 ecebuce

    The jmd.skpb.osbaike.net.kob.nm shown aspergillosis [URL=http://gocyclingcolombia.com/cipro/]cipro[/URL] cipro http://gocyclingcolombia.com/cipro/ buy ciprofloxacin 500 mg [URL=http://healinghorsessanctuary.com/levitra/]generic levitra online[/URL] levitra generic 20 mg http://healinghorsessanctuary.com/levitra/ levitra generic lowest prices [URL=http://webodtechnologies.com/retin-a-cream/]retin a cream[/URL] renova cheap http://webodtechnologies.com/retin-a-cream/ retin a online [URL=http://webodtechnologies.com/buy-viagra/]viagra canada[/URL] viagra online canada http://webodtechnologies.com/buy-viagra/ low price viagra 100mg [URL=http://fitnesscabbage.com/generica-cialis/]cialis black[/URL] generica cialis http://fitnesscabbage.com/generica-cialis/ generica cialis [URL=http://dockpartsusa.com/zoloft-online/]buy zoloft[/URL] buy sertraline http://dockpartsusa.com/zoloft-online/ zoloft [URL=http://techiehubs.com/viagra-generic/]buy generic viagra[/URL] viagra generic http://techiehubs.com/viagra-generic/ viagra [URL=http://a1sewcraft.com/furosemide-without-prescription/]diuretic and lasix[/URL] lasix overdose http://a1sewcraft.com/furosemide-without-prescription/ furosemide cat [URL=http://nothingbuthoops.net/viagra/]viagra[/URL]

1 23
联系我们