当前位置:Gxlcms > JavaScript > 小猫杯AngularJS视频资料分享

小猫杯AngularJS视频资料分享

时间:2021-07-01 10:21:17 帮助过:7人阅读

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 应用。

594a20e057c97579.jpg

视频播放地址:http://www.gxlcms.com/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视频资料分享的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行