![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
三蚊
从不停止学习
展开
-
Angular1.x学习
引入AngularJS库文件<script type=”text/javascript” src=”angular.min.js”></script>一般的js文件都是放在<body>的底部,为了优化应用加载时间 AngularJS的加载执行过程:HTML页面加载的时候,会触发加载页面包含的所有JS文件 找到ng-app,它是启动angular...原创 2018-09-19 23:26:22 · 931 阅读 · 0 评论 -
AngularJS学习(一)——指令
(一)有几个指令用的比较频繁:1、ng-model:用于双向数据绑定(应用程序数据和控制器中数据),在修改输入域的值时,Angular的属性的值也会跟着修改,{{ }}用于显示数据ng-model可用于表单认证:例子:<form name="myForm" ng-init="myText = 'test@runoob.com'"> <label>...原创 2018-09-19 23:33:38 · 317 阅读 · 0 评论 -
AngularJS学习(二)——表单
(一)<select>选择框 ng-options和ng-repeatng-repeat:mycar=[ {brand:"Benz",name:"奔驰"}, {brand:"BMW",name:"宝马"}, {brand:"Audi",name:"奥迪"}]&am原创 2018-09-19 23:44:07 · 242 阅读 · 0 评论 -
AngularJS学习(三)——服务
服务——一个函数或对象,可以对外提供某种特定功能。可以在Angular应用中使用 内置服务:(一)$location返回当前页面的url用‘http://localhost/$location/21.2%$location.html#/foo?name=buuny#myhash’作为例子1、获取当前完整的url路径:$location.absUrl()——获取上面的整个url...原创 2018-09-20 15:34:43 · 255 阅读 · 0 评论 -
AngularJS学习(四)——路由angular-route.js
ng-route模块作为主应用模块的依赖模块——angular.module(“mainApp”,[“ngRoute”]);ng-view指令为当前路由把对应的视图模板载入到布局模板中,以下面的三个链接为例,每一个链接都一个对应的视图和对应的控制器。点击上面任意一个链接,向服务器请求的地址都是一样的(http://baidu.com),这是因为“#!”后面的内容在向服务器请求时会被浏览器忽略掉...原创 2018-09-20 15:37:01 · 1544 阅读 · 0 评论 -
AngularJS学习(五)——过滤器
angular过滤器:可以用一个管道字符(|)添加到指令或表达式中,进行筛选而且可以为表达式或指令添加多个过滤器内置过滤器:(1)currency:格式化数字或货币形式(2)lowercase:转为字符串小写(3)uppercase:字符串大写(4)orderBy:xxx——xxx是数组中某个属性,按照属性排序(5)filter:filter用来处理一个数组,filter的...原创 2018-09-20 16:16:00 · 279 阅读 · 0 评论