AngularJS基础

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定义了控制器。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容