AngularJS介绍

简介:

最近花了一点时间看了一下AngularJS,在此通过博文记录一下学习的过程,希望对大家有所帮助。
AngularJS 是一个 JavaScript 框架。它可通过

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>AngularJS</title>
        <script type="text/javascript" src="js/angular.min.js"></script>
    </head>

    <body ng-app="">
        <div>
            Hello {{'World'}}
        </div>
    </body>
</html>

这就是一个最简单使用AngularJS写的HelloWorld程序,有其他的JS库一样,我们需要引用相关的js文件才能使其正常工作,在这段代码中,我们使用了{{}}显示表达式的内容。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>AngularJS</title>
        <script type="text/javascript" src="js/angular.min.js"></script>
    </head>
    <body ng-app="" ng-init="msg='no msg'">
        <div>
            <input type="text" ng-model="msg"/>
        </div>
        <div>
            msg:{{msg}}
        </div>
        <div ng-bind="msg"></div>
    </body>
</html>

AngularJS 扩展了 HTML,AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。
ng-app 指令初始化应用程序数据。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。

AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。

  • AngularJS 把应用程序数据绑定到 HTML 元素。
  • AngularJS 可以克隆和重复 HTML 元素。
  • AngularJS 可以隐藏和显示 HTML 元素。
  • AngularJS 可以在 HTML 元素”背后”添加代码。
  • AngularJS 支持输入验证。
目录
相关文章
|
Unix Shell Linux
5 个最常用的 Linux 开源 shell
5 个最常用的 Linux 开源 shell
|
存储 资源调度 分布式计算
LC3|视角 开源大数据生态下的高性能分布式文件系统
## 背景介绍 盘古是阿里云自主研发的高可靠、高可用、高性能分布式文件系统,距今已经有将近10年的历史。盘古1.0作为阿里云的统一存储核心,稳定高效的支撑着阿里云ECS、NAS、OSS、OTS、ODPS、ADS等多条业务线的迅猛发展。但最近几年,基于如下两方面的原因,盘古还是重新设计实现了第二代存储引擎盘古2.0,其不只为阿里云,也为集团、蚂蚁金服的多种业务提供了更佳优异的存储服务 #
3328 0
|
JavaScript
element-ui表格数据样式及格式化案例
element-ui表格数据样式及格式化案例
674 0
|
安全 Windows
Windows 无法连接打印机,请检查打印机名并重试。如果这是网络打印机,请确保打印机已打开,并且打印机地址正确。报错代码:0x00000709
Windows 无法连接打印机,请检查打印机名并重试。如果这是网络打印机,请确保打印机已打开,并且打印机地址正确。报错代码:0x00000709
Windows 无法连接打印机,请检查打印机名并重试。如果这是网络打印机,请确保打印机已打开,并且打印机地址正确。报错代码:0x00000709
|
Web App开发 安全 JavaScript
滑动拼图行为验证码(KgCaptcha快速入门)
滑动拼图验证码,智能无感验证,文字点选验证码,成语点选验证码,行为验证码,凯格科技,空间推理验证码,字体识别验证码,中文字符验证码
716 0
滑动拼图行为验证码(KgCaptcha快速入门)
西门子S7-200 SMART编程软件简介
STEP7-Micro/WIN SMART是专门为S7-200 SMART PLC开发的编程软件,在沿用STEP7-Micro/WIN优秀编程理念的同时,STEP7-Micro/WIN SMART更多的人性化设计使编程更容易上手,项目开发更加高效。该软件短小精干,安装程序不足100兆,安装时对硬件无特别要求,常用配置即可,仅需要350兆空余硬盘空间,操作系统可以是WindowsXP SP3或者是Windows7。
西门子S7-200 SMART编程软件简介
|
JavaScript 前端开发 API
尤雨溪:Vue3 考虑彻底放弃 IE 浏览器
凌晨时分,尤雨溪突然在知乎上发布了一个消息,宣布了一个提案:Vue3 将不再支持 IE11,来通过详细的 RFC 了解一下为什么 Vue 团队打算做出这个决策。
|
Serverless Python
Python函数和代码复用
函数是一段具有特定功能的,可重用的语句组,通过函数名来表示和调用。经过定义,一组语句等于一个函数,在需要使用这组语句的地方,直接调用函数名称即可。因此,函数包括两部分:函数的定义和函数的调用。
384 0
Python函数和代码复用
|
机器学习/深度学习 人工智能 自然语言处理
Text to image论文精读SSA-GAN:基于语义空间感知的文本图像生成 Text to Image Generation with Semantic-Spatial Aware GAN
Semantic-Spatial Aware GAN提出了一种新的语义空间感知GAN框架,文章发表于2021年10月。 论文地址:https://arxiv.org/pdf/2104.00567v3.pdf 代码地址:https://github.com/wtliao/text2image 本博客是精读这篇论文的报告,包含一些个人理解、知识拓展和总结。
Text to image论文精读SSA-GAN:基于语义空间感知的文本图像生成 Text to Image Generation with Semantic-Spatial Aware GAN
|
API
Flutter没有展示思维脑图的控件?用CustomPainter自己画!
最近启动了一个计划,要使用Flutter开发一个展示所有Flutter Widgets的APP。
619 0
Flutter没有展示思维脑图的控件?用CustomPainter自己画!