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)
上一篇 2022年7月25日 上午10:16
下一篇 2022年7月25日 上午10:36


相关推荐

  • 苹果手表使用|watchOS 7+自动化:Apple Watch使用方法

    苹果手表使用|watchOS 7+自动化:Apple Watch使用方法随着 AppleWatch 表现出越来越脱离 iPhone 附件的趋势 相信它在将来一定会作为独立的电子设备大放异彩 而在 AppleWatch 的使用过程中 有一个话题怎么也不会被绕开 就是表盘 我的 AppleWatch 使用方法也是基于主题表盘的打造和切换 在 watchOS7 到来后 这可以变得更简单 接下来我将以 AppleWatch 的一天 形式来为大家介绍 开始前 我把表盘图库推出的所有表盘简单地分成了两类 时尚类和实用类 时尚类表盘刻度盘由全屏幕改为圆盘反而牺牲了美观性 比如

    2025年7月21日
    8
  • 刚刚,智谱砍掉OpenClaw最大门槛!1分钟装好,一键塞进飞书

    刚刚,智谱砍掉OpenClaw最大门槛!1分钟装好,一键塞进飞书

    2026年3月12日
    3
  • 腾讯元宝文生图功能全面升级,混元与DeepSeek双模型助力创意无限

    腾讯元宝文生图功能全面升级,混元与DeepSeek双模型助力创意无限

    2026年3月13日
    1
  • js的6种数据类型_主要的数据类型

    js的6种数据类型_主要的数据类型JS常用的六种数据类型在JS中一共有九种数据类型,有六种基本数据类型,分别是:String(字符串)、Number(数值)、Boolean(布尔值)、Null(空值)、Undefined(未定义)、Object(对象)String字符串在JS中字符串需要使用引号引起来使用双引号或单引号都行,但是不要混着用引号不能嵌套,双引号不能放双引号,单引号不能放单引号在字符串中我们可以使用\作为转义字符,当表示一些特殊符号是可以使用\进行转义\“表示”、\‘表示’、\n表示换行、\t制表符

    2025年9月20日
    9
  • IDEA运行JavaWeb服务器图片无法加载

    IDEA运行JavaWeb服务器图片无法加载IDEA 运行服务器 图片无法加载 首先打开 Editconfigur nbsp 选择 deployment nbsp 点击 号 选择 externalsour nbsp 如果你和我类似 直接在 web 目录下建一个 image 文件夹 那么在弹出的文件夹选择框选择这个 image 即可 当然 你可以随意选择 这个只是针对 IDEA 放到服务器上是可以直接用路径访问的 nbsp nbsp 我

    2026年3月17日
    2
  • caffe中常用层: BatchNorm层详解

    caffe中常用层: BatchNorm层详解Batchnorm原理详解前言:Batchnorm是深度网络中经常用到的加速神经网络训练,加速收敛速度及稳定性的算法,可以说是目前深度网络必不可少的一部分。 本文旨在用通俗易懂的语言,对深度学习的常用算法–batchnorm的原理及其代码实现做一个详细的解读。本文主要包括以下几个部分。Batchnorm主要解决的问题Batchnorm原理解读Batchnorm的优点Batchnorm的源码解读第一…

    2022年5月2日
    56

发表回复

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

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