AngularJS基本知识整理

一、基本

ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把输入域的值绑定到应用程序变量
ng-bind 指令把应用程序变量绑定到某个段落的 innerHTML

二、AngularJS可以干嘛?

1:AngularJS把应用程序数据绑定到 HTML 元素。
2:AngularJS 可以克隆和重复 HTML 元素。
3:AngularJS可以隐藏和显示 HTML 元素。
4:AngularJS 可以在 HTML 元素"背后"添加代码。
5:AngularJS 支持输入验证。

HTML5 允许扩展的(自制的)属性,以 data- 开头。AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效。

**AngularJS 模块定义应用:var app = angular.module('myApp', []);
AngularJS 控制器控制应用:
app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe";});


****ng-model指令也可以****:

1:为应用程序数据提供类型验证number、email、required
2:为应用程序数据提供状态invalid、dirty、touched、error
3:为 HTML 元素提供 CSS 类。
4:绑定 HTML 元素到 HTML 表单。

****你可以通过以下方式来调用指令:****
1:元素名
2:属性
3:类名
4:注释


restrict 值可以是以下几种:
1:E 只限元素名使用
2:A 只限属性使用
3:C只限类名使用
4:M只限注释使用


ng-repeat循环
ng-init初始化

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

推荐阅读更多精彩内容

  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 1,647评论 0 3
  • AngularJSAngularJS 是一个 MV* 框架, 最适于开发客户端的单页面应用。它不是个功能库,...
    一直以来都很好阅读 910评论 0 0
  • 简介: AngularJS 是一个 JavaScript 框架。它可通过 标签添加到 HTML 页面。 Ang...
    JenniferYe阅读 1,436评论 0 13
  • ng-model 指令ng-model 指令 绑定 HTML 元素 到应用程序数据。ng-model 指令也可以:...
    壬万er阅读 894评论 0 2
  • Angular JS 基础 本文中的AngularJS是AngularJS 1.x AngularJS是一个Jav...
    静候那一米阳光阅读 865评论 0 13