美文网首页
AngularJS基础

AngularJS基础

作者: 二狗的小仙女 | 来源:发表于2017-06-14 21:33 被阅读0次

AngularJS:AngularJS 是一个JavaScript 框架。它可通过<script>标签添加到 HTML 页面.(AngularJS 通过指令扩展了 HTML,且通过表达式绑定数据到 HTML). 标签添加到 HTML 页面 标签添加到 HTML 页面 标签添加到 HTML 页面

AngularJS 扩展了 HTML

     AngularJS 通过ng-directives扩展了 HTML。

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

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

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


什么是 AngularJS?

      AngularJS 把应用程序数据绑定到 HTML 元素

      AngularJS 可以克隆和重复 HTML 元素。

      AngularJS 可以隐藏和显示 HTML 元素。

     AngularJS 可以在 HTML 元素"背后"添加代码。

     AngularJS 支持输入验证。

AngularJS的基本指令:

  ng-app:定义一个angular应用程序

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

  ng-bind:指应用程序的数据绑定到html的视图中

  ng-show:为true显示

  ng-hide:为true隐藏

  ng-disable:为tru禁用

  ng-focus 获取焦点时触发

  ng-blur:失去焦点时触发

  ng-change:对象有变化时候触发

  ng-class:添加一个或多个样式

  ng-repeat:重复一个HTML元素

  ng-init:初始化一个应用程序

  ng-click:元素被点击后需要执行的操作

   ng-swich:根据选中的值显示对应的部分

AngularJS 表达式:

      AngularJS 表达式写在双大括号内:{{ expression }}

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

     AngularJS 将在表达式书写的位置"输出"数据。

    AngularJS 表达式很像JavaScript 表达式:它们可以包含文字、运算符和变量

AngularJS 应用:

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

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

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

相关文章

  • Angularjs1版本使用

    Angularjs1版本使用 Angularjs基础 Angularjs简介 什么是Angularjs Angul...

  • AngularJS 基础

    Angular JS 基础 本文中的AngularJS是AngularJS 1.x AngularJS是一个Jav...

  • 20150102学习记录

    一、AngularJs相关 1.ngAnimate基础使用方法 AngularJS with ngAnimate标...

  • AngularJS基础

    AngularJS:AngularJS 是一个JavaScript 框架。它可通过 标签添加到 HTML 页面.(...

  • AngularJs基础

    AngularJs核心特性 MVVM 双向数据绑定(Model-View-ViewModel)model变化,...

  • angularjs基础

    简介 AngularJS诞生于2009年,由Misko Hevery 等人创建(后为Google所收购),是一个为...

  • AngularJS基础(二)

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

  • AngularJS基础(下)

    1.AngularJS API AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集...

  • AngularJS基础(一)

    1.简介 AngularJS 是一个 JavaScript 框架, 它是一个以 JavaScript 编写的库。A...

  • AngularJs入门基础

    1.Angular扩展了HTML属性: ng-directives属性绑定到HTML; ng-app定义一个Ang...

网友评论

      本文标题:AngularJS基础

      本文链接:https://www.haomeiwen.com/subject/jlmeqxtx.html