AngularJs 知识

简介:

简介

  1.通过指令扩展了 HTML,通过表达式绑定数据到 HTML;

  2.一个 Js 框架;

  3.指令: 通过被称为 指令 的新属性来扩展 HTML, 即为应用添加新功能

        ng-directives 扩展了 HTML

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

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

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

        ng-init 指令初始化 AngularJS 应用程序变量

  4.表达式: 把数据绑定到 HTML

        表达式写在双大括号内:` expression `

        表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙

  5.

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

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

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

 

指令

     1.前缀 ng-;

     2.ng-app:初始化一个 AngularJS 应用程序;

     3.ng-init:初始化变量。

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

     5.ng-repeat:表示重复输出.

  6.创建自定义的指令

     6.重复 HTML 元素

     7.创建自定义的指令

 

作用域($scope)

  1.应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带

  2. 是一个对象,有可用的方法和属性

  3.

  • View(视图),即 HTML。

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

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

  • scope 是模型。

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

 

过滤器

  1.过滤器可以使用一个管道字符(|)添加到表达式和指令中。

 

服务

  1.在 AngularJS 中,服务是一个函数或对象,在你的 AngularJS 应用中使用。  

  2.$location 服务,它可以返回当前页面的 URL 地址。

  3.$http 服务,该服务向服务器发送请求,应用响应服务器传送过来的数据。

  4.创建自定义服务

本文转自帅气的头头博客51CTO博客,原文链接http://blog.51cto.com/12902932/1928069如需转载请自行联系原作者

sshpp
相关文章
|
Java Maven Android开发
解决IntelliJ IDEA无法读取配置*.properties文件的问题
idea对这些配置的文件方式很明显和eclipse是不同的。在idea中有一个 Content Roots的概念。需要为每一个folder配置相应的Content Roots。Content Roots包括resources、sources、tests等。
6405 0
|
9月前
|
机器学习/深度学习 人工智能 自然语言处理
MetaGPT开源SELA,用AI设计AI,效果超越OpenAI使用的AIDE
MetaGPT团队开源了Tree-Search Enhanced LLM Agents(SELA)系统,通过蒙特卡罗树搜索(MCTS)优化AutoML过程,显著提升了机器学习模型的构建效率和性能。SELA在20个数据集上的实验结果表明,其性能优于传统AutoML方法和基于LLM的代理,为AutoML领域带来了新的突破。
256 4
|
11月前
|
Linux C# Android开发
.NET开源跨平台桌面和移动应用的统一框架 - Eto.Forms
.NET开源跨平台桌面和移动应用的统一框架 - Eto.Forms
306 1
|
8月前
|
人工智能 编解码 JSON
Qwen2.5-VL:阿里通义千问最新开源视觉语言模型,能够理解超过1小时的长视频
Qwen2.5-VL 是阿里通义千问团队开源的视觉语言模型,具有3B、7B和72B三种不同规模,能够识别常见物体、分析图像中的文本、图表等元素,并具备作为视觉Agent的能力。
3382 18
Qwen2.5-VL:阿里通义千问最新开源视觉语言模型,能够理解超过1小时的长视频
|
SQL 缓存 网络协议
有哪些常见的网络攻击类型?
【8月更文挑战第15天】
595 0
|
11月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
2179 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
什么是死锁?产生死锁的原因?产生死锁的四个必要条件?死锁的避免与预防?
什么是死锁?产生死锁的原因?产生死锁的四个必要条件?死锁的避免与预防?
1072 0
|
存储 Dragonfly 安全
阿里云服务器历史优惠价格展示(2023年1月到7月)
阿里云服务器每个月都有活动,不过优惠价格并不是每个月都一样的,活动内的云服务器实例规格也从年初的共享型s6、计算型c6等六代云服务器过渡到了通用算力型u1和计算型c7、通用型g7等七代云服务器为主,进入5月份之后又增加了八代计算型c8y、内存型r8y等八代云服务器,下面是小编整理汇总的2023年阿里云服务器1月到7月的历史优惠价格,以供大家参考。
399 0
阿里云服务器历史优惠价格展示(2023年1月到7月)
|
Ubuntu 搜索推荐 数据挖掘
下载Ubantu镜像文件、创建虚拟机以及ubantu安装详细教程(系统性学习day1)
下载Ubantu镜像文件、创建虚拟机以及ubantu安装详细教程(系统性学习day1)
|
前端开发 计算机视觉
用 css 画一个太极图,才几行代码就开始喊难了?
据说太极图里面的文化博大精深,有着一生二,二生三,三生万物的道理,虽然我不怎么懂,要让它转起来就会发现非常神奇,那今天我们就来用 css 画一个太极图吧。
495 0
用 css 画一个太极图,才几行代码就开始喊难了?