zoukankan      html  css  js  c++  java
  • Angular初学

    简介:

    angularjs是基本js开发的一个前端类库,主要致力于减轻开发人员在开发Ajax应用过程中的痛苦,适合来做单应用。

    客户端模板:

    Angualr中,模板和数据都会被发送到浏览器中,然后在客户端进行装配。

    数据绑定(mvvm)双向绑定:

    数据绑定可自动将model和view间的数据同步

     图片1.png

    angular实现数据绑定的方式,可以让我们把model当作程序中唯一可信的数据来源,view始终是model的投影。当model发生变化时,会自动反映到view上。

    Angular模板中的数据绑定:

     图片2.png

    模板是在浏览器中编译的,编译阶段产生了一个实时更新的视图,不论在model还是在view上发生变化,都会反映到对方,model成为程序中唯一真实的数据来源,极大的简化了开发者需要处理的编程模型。

    依赖注入:

    是一种软件设计模式,用来处理代码的依赖关系,angular的依赖注入只是简单的获取它所需要的东西,而不需要创建那些他们所依赖的东西。

    控制器:

     图片3.png

    结果:图片4.png

    多个控制器:

    图片5.png

    特别注意:控制器的合理使用

    Controller不应该尝试做太多的事情,它应该仅仅包含单个视图所需要的业务逻辑,

    保持Controller的简单性,常见的方法是抽出那些不属于controller的工作到server中,在controller通过依赖注入来使用sever。

    简单举个栗子:

    在路由里面

    Clipboard Image.png

    比如:在Controller里

    图片6.png

    在server里

    图片7.png

    在html里输入

    Clipboard Image.png

    好了先写到这里,以后有时间继续给大家分享~

  • 相关阅读:
    evernote100个做笔记的好方法
    平衡二叉树的调整模版
    晨间日记的奇迹
    hdu 2952 Counting Sheep
    hdu 1535 Invitation Cards
    poj 3259 Wormholes(spfa)
    poj 2263 Heavy Cargo(floyd)
    poj 3268 Silver Cow Party(SPFA)
    hdu 1690 Bus System
    hdu 3631 Shortest Path(Floyd)
  • 原文地址:https://www.cnblogs.com/sun927/p/6109587.html
Copyright © 2011-2022 走看看