欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

小猫杯AngularJS视频资料分享

程序员文章站 2022-06-06 17:22:49
...
AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到 HTML 页面。

AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。

AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中。

《小猫杯AngularJS视频教程》将想各位详细的介绍AngularJS,AngularJS 的思想很前卫 ,与传统的 JavaScript 框架的用法和思想不一样,AngularJS 可以让我们更简洁,更直接的方法构建 Web 应用。

小猫杯AngularJS视频资料分享

视频播放地址:http://www.php.cn/course/571.html

1. $eval 方法对绑定的属性值直接进行解析

<input type='text' ng-model = 'expr2/><span ng-bing='$eval(expr2)'></span>$scope.expr2 = '20 + 1 | number:0';

2. ng-repeat

指令复制元素-在复制过程中可以添加元素相应的属性-专有变量

$first

$last

$middle

$index

<span>{{$first?'yes':'no"}}</span

3. 添加元素样式

$scope.red = "red";<div ng-class="{{red}}"></div>
<div class="{{red}}"></div>

字符串数组形式添加样式

$scope.blnfocus = false;<div ng-class="{true:'red',false:'green'}[blnfocus]"></div>

定义key/value对象的方式添加多个css样式

$scope.a = false;
$scope.b = true;<div ng-class="{'red':a,'green':b}"></div>

以上就是小猫杯AngularJS视频资料分享的详细内容,更多请关注其它相关文章!