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 · 932 阅读 · 0 评论 -
AngularJS学习(一)——指令
(一)有几个指令用的比较频繁: 1、ng-model:用于双向数据绑定(应用程序数据和控制器中数据),在修改输入域的值时,Angular的属性的值也会跟着修改,{{ }}用于显示数据 ng-model可用于表单认证: 例子: <form name="myForm" ng-init="myText = 'test@runoob.com'"> <label>...原创 2018-09-19 23:33:38 · 321 阅读 · 0 评论 -
AngularJS学习(二)——表单
(一)<select>选择框 ng-options和ng-repeat ng-repeat: mycar=[ {brand:"Benz",name:"奔驰"}, {brand:"BMW",name:"宝马"}, {brand:"Audi",name:"奥迪"} ] &am原创 2018-09-19 23:44:07 · 246 阅读 · 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 · 1549 阅读 · 0 评论 -
AngularJS学习(五)——过滤器
angular过滤器:可以用一个管道字符(|)添加到指令或表达式中,进行筛选而且可以为表达式或指令添加多个过滤器 内置过滤器: (1)currency:格式化数字或货币形式 (2)lowercase:转为字符串小写 (3)uppercase:字符串大写 (4)orderBy:xxx——xxx是数组中某个属性,按照属性排序 (5)filter:filter用来处理一个数组,filter的...原创 2018-09-20 16:16:00 · 283 阅读 · 0 评论