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

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

  • 相关阅读:
    TCP/IP详解卷:协议 第八章简要总结
    渗透测试1
    以前的实验博客地址,以前使用csdn
    day03---Node (05)
    day03---Vue(04)
    day03---Vue(03)
    day03---ES6入门(02)
    day03---前端开发和前端开发工具(01)
    Docker实战总结
    ETL之Kettle入门
  • 原文地址:https://www.cnblogs.com/sun927/p/6109587.html
Copyright © 2011-2022 走看看