AngularJS笔记「建议收藏」

AngularJS笔记「建议收藏」1.   AngularJS通过ng-directives扩展了HTML。  ng-app指令定义一个AngularJS应用程序。  ng-model指令把元素值(比如输入域的值)绑定到应用程序。  ng-bind指令把应用程序数据绑定到HTML视图。2.  HTML5允许扩展的(自制的)属性,以data-开头。  AngularJS属性以n…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
1. 

    AngularJS 通过 ng-directives 扩展了 HTML。

    ng-app 指令定义一个 AngularJS 应用程序。

    ng-model 指令把元素值(比如输入域的值)绑定到应用程序。

    ng-bind 指令把应用程序数据绑定到 HTML 视图。

2.

    HTML5 允许扩展的(自制的)属性,以 data- 开头。

    AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效。33.3.

3.

    AngularJS 模块(Module) 定义了 AngularJS 应用。

    AngularJS 控制器(Controller) 用于控制 AngularJS 应用。

    ng-app指令指明了应用, ng-controller 指明了控制器。

4.

    AngularJS 表达式 与 JavaScript 表达式

    类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。

    与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。

    与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。

    与 JavaScript 表达式不同,AngularJS 表达式支持过滤器。

5.    

    <li> 标签定义列表项目。

    <li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

6.

    AngularJS 完美支持数据库的 CRUD(增加Create、读取Read、更新Update、删除Delete)应用程序。

7.

    ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素

8.

    可以使用 .directive 函数来添加自定义的指令。

9.

    通过添加 restrict 属性,并设置值为 “A”, 来设置指令只能通过属性的方式来调用:

    restrict 值可以是以下几种:

    E 作为元素名使用

    A 作为属性使用

    C 作为类名使用

    M 作为注释使用

    restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。

10.

    ng-model是用于表单元素的,支持双向绑定。对普通元素无效;

    ng-bind用于普通元素,不能用于表单元素,应用程序单向地渲染数据到元素;

    当ng-bind和{
{}}同时使用时,ng-bind绑定的值覆盖该元素的内容。

11.

       AngularJS 应用组成如下:

       View(视图), 即 HTML。

       Model(模型), 当前视图中可用的数据。

       Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。

       scope 是模型。

       scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。

12.

      在模块定义中 [] 参数用于定义模块的依赖关系。
      中括号[]表示该模块没有依赖,如果有依赖的话会在中括号写上依赖的模块名字

13


    JavaScript 中应避免使用全局函数。因为他们很容易被其他脚本文件覆盖。
    AngularJS 模块让所有函数的作用域在该模块下,避免了该问题。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/164215.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 封装前端UI组件库–dialog

    封装前端UI组件库–dialog1 前言 dialog 弹窗组件库的实现 目前包括自定义内容 提示语 内容 底部按钮 弹窗的宽高等等 其中提示语 内容 弹窗的宽高的实现与 button 极其类似 请看上文 实现原理都是调用的时候传入参数 在自定义组件里面接收参数 根据参数再做具体的操作等等 2 自定义插槽的实现由于需要自定义传入的参数 提示语 内容 底部按钮都需要插槽传入 过多 接收的时候又都是用来接 所以为了区分需要用到自定义插槽 给插槽取个名字 1 使用

    2025年10月19日
    3
  • kong简介_意大利kong

    kong简介_意大利kongKong简介Kong是一款基于OpenResty(Nginx+Lua模块)编写的高可用、易扩展的,由Mashape公司开源的APIGateway项目。Kong是基于NGINX和ApacheCassandra或PostgreSQL构建的,能提供易于使用的RESTfulAPI来操作和配置API管理系统,所以它可以水平扩展多个Kong服务器,通过前置的负载均衡配置把请求均匀地分发到各个Se…

    2022年4月19日
    64
  • exit是什么意思(TerminateProcess)

    首先来谈谈一个进程的执行流程。每个应用程序都有个主函数,在WINDOWS下,只支持两种类型的应用程序——CUI(控制台应用程序)和GUI(图形界面应用程序),相应的,其主函数类型不同。来看下这几个入口函数int WINAPI WinMain(HINSTANCE hinstExe, HINSTANCE,PSTR pszCmdLine, int nCmdShow);    int WINAPT w

    2022年4月15日
    74
  • Linux top命令的用法详细详解[通俗易懂]

    以下是对Linux中top命令的用法进行了详细的介绍,需要的朋友可以过来参考下查看多核CPU命令mpstat-PALL 和 sar-PALL  说明:sar-PALL>aaa.txt  重定向输出内容到文件aaa.txttop命令经常用来监控linux的系统状况,比如cpu、内存的使用,程序员基本都知道这个命令,但比较奇怪

    2022年4月11日
    47
  • byte类型数据

    byte类型数据今儿一个小朋友问我一件事情 Java 的 byte 类型的数据范围是从 128 到 127 一直在想为什么不是 128 到 128 呢 首先我们得明白一件事情 那就是运算规则 正数的最高位都是 0 正数的值就是二进制表示的值 nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp 负数的最高位都是 1 负数的值是取反后加一然后加个负号得到得值 nbsp nbsp nbsp nbsp nbsp nbsp

    2025年9月28日
    3
  • nginx配置url重定向_Nginx 跳转到www二级域名,域名重定向配置方法。[通俗易懂]

    nginx配置url重定向_Nginx 跳转到www二级域名,域名重定向配置方法。[通俗易懂]阿里(万网)支持显性URL配置,也就是:将域名指向一个http(s)协议地址,访问域名时,自动跳转至目标地址(例如:将sojson.com显性转发到www.sojson.com后,访问sojson.com时,地址栏显示的地址为:www.sojson.com)。其实就是重定向,我以前觉得阿里的挺好用的,今天阿里给我说服务器给攻击了,不提供服务。下面是我和阿里的客服对话,我对阿里的服务表示有点失望。我…

    2022年5月21日
    119

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号