AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过 标签添加到 HTML 页面。</p> <p>AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。</p> <p>AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中。</p> <p>《小猫杯AngularJS视频教程》将想各位详细的介绍AngularJS,AngularJS 的思想很前卫 ,与传统的 JavaScript 框架的用法和思想不一样,AngularJS 可以让我们更简洁,更直接的方法构建 Web 应用。</p> <p><img src="https://img.php.cn//upload/image/780/409/593/1504074530347389.jpg" title="1504074530347389.jpg" alt="594a20e057c97579.jpg"></p> <p>视频播放地址:<a href="http://www.php.cn/course/571.html" target="_blank">http://www.php.cn/course/571.html</a></p> <p>1. $eval 方法对绑定的属性值直接进行解析</p> <p><input type='text' ng-model = 'expr2/><span ng-bing='$eval(expr2)'></span>$scope.expr2 = '20 + 1 | number:0';<br></p> <p>2. ng-repeat</p> <p>指令复制元素-在复制过程中可以添加元素相应的属性-专有变量</p> <p>$first</p> <p>$last</p> <p>$middle</p> <p>$index</p> <p><span>{{$first?'yes':'no"}}</span<br/></p><p>3. 添加元素样式</p><p>$scope.red = "red";<div ng-class="{{red}}"></div><br><div class="{{red}}"></div><br></p> <p>字符串数组形式添加样式</p> <p>$scope.blnfocus = false;<div ng-class="{true:'red',false:'green'}[blnfocus]"></div><br></p> <p>定义key/value对象的方式添加多个css样式</p> <p>$scope.a = false;<br>$scope.b = true;<div ng-class="{'red':a,'green':b}"></div><br></p>