zoukankan      html  css  js  c++  java
  • AngularJS小知识点一

    AngularJS是由谷歌公司及一个由开发者组成的个人社区共同打造。其主要优势在于帮助使用者在web应用程序中实现必要的动态视图。它是通过原生的MVC(模型-视图-控制器)功能来增强HTML。

    PS:MVC是一种软件架构设计模式,它将表现从用户交互中分离出来。模型---》应用的数据+与数据进行交互的方法,视图---》将数据呈现给用户,控制器---》二者的桥梁。即一个函数,用来向视图的作用域中添加额外的功能。

    ng-app---->>声明所有被其包含的内容都属于这个AngularJS应用。只有被具有ng-app属性的DOM元素包含的元素才受AngularJS影响。

    ng-model---->>将内部数据模型对象($scope)中的name属性绑定到文本输入字段上。(ps:$scope对象是一个简单的Javascript对象,他可以被视图访问,也可以和控制器进行交互)

    <input ng-model="name" type="text" placeholder="yourname">
    <p>hello {{name}}</P>
    

     ng-controller---->>声明所有被它包含的元素都属于某个控制器。

    <div ng-controller="textController">
        <input ng-model="name" type="text">
        <p>hello {{name}}</p>
    </div>

    作用域:视图和控制器之间的胶水。即视图模型。
    $rootScope是所有$scope对象的最上层。算是全局作用域的对象。

    AngularJS应用的模板中使用的标记:

    指令:将DOM元素增强为可复用的DOM组件的属性或元素;

    值绑定:模板语法{{}}可将表达式绑定带视图上。

    过滤器:在视图中使用的函数,用来进行格式化。

    表单控件:用来验证用户输入的控件。

  • 相关阅读:
    GateWay的简单使用
    SpringCloud项目注册到Nacos
    Hystrix整合Gateway
    Nginx配置socket.io集群
    windows搭建git服务
    解决gitLab上新建分支,idea中找不到对应分支问题
    mybatis mapper.xml的特殊操作符
    Chrome添加Axure RP插件
    idea Tomcat部署时没有update classes and resources
    缓存穿透,缓存击穿,缓存雪崩解决方案分析【转载】
  • 原文地址:https://www.cnblogs.com/yin-yi/p/4696934.html
Copyright © 2011-2022 走看看