AngularJs基础知识

AgularAngularJS

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

标签添加到 HTML 页面,AngularJS 通过指令扩展了 HTML,且通过表达式绑定数据到 HTML。

什么是 AngularJS?

AngularJS主要是把数据,表现,逻辑分离开,更加模块化,为程序员减少大量重复索碎的工作

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

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

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

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

AngularJS 支持输入验证。

AngularJS 指令是以ng作为前缀的 HTML 属性。如下图



AngularJs基础知识_第1张图片


Agular模块

AngularJSng-model 指令

ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。

ng-model 指令

ng-model指令可以将输入域的值与 AngularJS 创建的变量绑定。

AngularJs基础知识_第2张图片

显示隐藏

ng-hide指令在表达式为 true 时隐藏 HTML 元素。

ng-hide是 AngularJS 的预定义类,设置元素的displaynone

ng-click是点击

AngularJs基础知识_第3张图片

你可能感兴趣的:(AngularJs基础知识)