angularJS
sdfujichao
这个作者很懒,什么都没留下…
展开
-
angularjs的基本使用
编写一个简单的angularjs的程序。介绍了ng-app指令的作用和ng-model的作用ng-bind作用。 事件的双向绑定。事件的双向绑定的理解:angular是使用MVC模式的,就是model和view和controller,我们运行程序时会出现界面,我们改变输入框中的值就是改变了vew,view的改变就会引起model的改变,同事model的改变也是得model控制的view改变(一个m原创 2016-07-18 12:27:26 · 311 阅读 · 0 评论 -
用angular把页面中的元素按照页面分离开
把一个子页面中大量的元素分离到另外一个页面中。 fffffffff var myApp = angular.module('fristApp',[]); myApp.controlle原创 2016-07-19 20:36:41 · 754 阅读 · 0 评论 -
angular过滤器的使用和自定义过滤器
过滤器的使用。一种是在html中的使用,一种是在js代码中的使用。 过滤器 {{money | currency}} {{money | currency:'¥'}} {{str | uppercase}} {{json | json}}原创 2016-07-20 12:19:02 · 1487 阅读 · 0 评论 -
为什么h5移动端是单页面的应用
优点:1、具有桌面应用的即时性、网站的可移植性和可访问性。2、用户体验好、快,内容的改变不需要重新加载整个页面,web应用更具响应性和更令人着迷。3、基于上面一点,SPA相对对服务器压力小。4、良好的前后端分离。SPA和RESTful架构一起使用,后端不再负责模板渲染、输出页面工作,web前端和各种移动终端地位对等,后端API通用化。5、对前端人员javascript技能要求更转载 2016-08-15 18:04:57 · 3514 阅读 · 0 评论 -
angular的provider服务
自定义服务其他的方式 var myApp = angular.module('fristApp',[]); // app的配置方法,在这里得到$provide // 这种定义服务方式经常用来进行页面之间的传值 // config函数中只使用p原创 2016-07-20 19:38:22 · 408 阅读 · 0 评论 -
angular的service服务和factory服务
最好用app的属性方法定义服务。 自定义服务 // 可以用$provide service factory var myApp = angular.module('fristApp',[],function($provide){ /* $provide 是调原创 2016-07-20 19:39:40 · 472 阅读 · 0 评论 -
angular自定义服务
在与服务有关的几个方法的执行顺序 只有provider可以进行config配置 var myApp = angular.module('fristApp',[],function($provide){ }); myApp.run(function(){原创 2016-07-21 21:24:14 · 533 阅读 · 0 评论 -
angular路由模拟微信页面切换和页面之间的传值
angular模拟微信页面的切换,页面之间传值。用路由。 路由的使用 *{ padding: 0; margin: 0; } body,html{width: 100%;height: 100%;} .content{position: absolute; top: 0;left: 0;bottom:原创 2016-07-21 21:30:07 · 2091 阅读 · 0 评论 -
angular的http服务的常用方式
在实际中的http服务的使用方法,特别注意服务中返回的对象!!!!! http在service中使用 var app = angular.module('app',[]); app.service('mySerivce',function($http){ // 特别注意的是这里返回的对象!!!!原创 2016-07-21 21:36:31 · 638 阅读 · 0 评论 -
angular的location服务的使用
angular的http使用,就是get,post,jsonp的使用 http的使用 var myApp = angular.module('fristApp',[]); myApp.config(function(){ }) // l原创 2016-07-21 21:31:41 · 1275 阅读 · 0 评论 -
angular用ng-repeat批量处理数据
一般用ul li 里面写一堆数据,如果数据是json数据就可以用ng-repeat处理。 {{p.age}} {{p.name}} var myApp = angular.module('fris原创 2016-07-19 20:34:03 · 1722 阅读 · 0 评论 -
angular的切换页面
用绑定点击事件来相应页面之间的切换。 *{padding: 0; margin: 0;} html,body{ width: 100%; height: 100%; position: relative; } .wrapper{width: 100%; height: 100%; background:原创 2016-07-19 20:30:07 · 2301 阅读 · 0 评论 -
angular的几种元素隐藏的方式
ng-show和ng-if 等几个隐藏显示元素的方法。 .box{ width: 100px; height: 100px; background: red; } <!--定义一个开关,只有当父div中子元素的相应变量值等于c原创 2016-07-19 19:37:00 · 13472 阅读 · 1 评论 -
angularJS的控制器
angularJS控制器。因为ng-app是控制整个应用的,一般一个应用中只有一个ng-app。而一个应用中有好多个界面,这样就需要按照页面的需要划分作用域,每一个页面划分一个作用域,就是用controller划分的,每一个controller就是一个页面的作用范围,controller可以嵌套,他的作用域的规则和JS一样,子可以访问父,父不能访问子。每个contr和html元素之间通过$scop原创 2016-07-18 14:26:33 · 300 阅读 · 0 评论 -
angular的数据绑定
可以用可以绑定多种数据类型,数组,json数据。 <!-- 都可以在ng-前加上data 例如 data-ng-app data-ng-model 都是angular的指令 ng-init 定义了初始化 {{表达式}} 对内容进行解析 将值绑定到HTML中 --> 输入的内容原创 2016-07-18 17:45:33 · 866 阅读 · 0 评论 -
angular的作用域
run()是在应用程序加载完成后直接调用的。$rootScope是全局的,是作用在ng-app上的,$scope是作用在局部controller的。 作用域 {{obj.name}} var myApp = angular.module('my-frist-app',[])原创 2016-07-18 17:50:30 · 354 阅读 · 0 评论 -
angular的watch监听
watch比较消耗性能,所以用完后就要消除监听 作用域 商品数量: 商品单价: 商品总价:{{count*price}} 邮费:{{youFei}} 总计: var myApp = angular.module('my-frist-app',[]) // $watc原创 2016-07-18 18:06:27 · 1314 阅读 · 0 评论 -
angular的脏检查
如果用js的方法改变了属性的值,就需要手动刷新页面。timeout,interval,scpe,都需要注入。其中前两者不需要手动刷新。 .box{ width: 100px; height: 100px; background: chartreuse; } <!-- ng-clic原创 2016-07-18 18:03:35 · 2938 阅读 · 0 评论 -
angular中字符串和对象的转换等常用方法
把字符串转化成json数据。json数据的遍历。 作用域 var myApp = angular.module('my-frist-app',[]) myApp.controller('fristController',function($scope,$rootScope){原创 2016-07-19 17:46:12 · 17193 阅读 · 1 评论 -
angular中创建多个app
在页面中还是只有一个ng-app,但是在js代码中创建多个app。 {{name}} {{name}} {{name}} var app1 = angular.module('frist',[]); var app2 = angular.mod原创 2016-07-19 17:52:53 · 1256 阅读 · 0 评论 -
angular中的ng-class的几种常用方式
ng-calss的几种使用方法。 .red{ width: 100px; height: 100px; background: red; } .green{ width: 100px; height: 100px;background: green; }原创 2016-07-19 19:16:59 · 10232 阅读 · 1 评论 -
angular的自定义属性和ng-href属性
baidu baidu var myApp = angular.module('fristApp',[]); myApp.controller('fristController',function($scope){ console.log("fuji"); $scope.addr = "http://www.ba原创 2016-07-19 19:28:05 · 7946 阅读 · 0 评论 -
angular的http三种请求方式
就是get post json 三种请求方法 http var app = angular.module('app',[]); app.controller('fristController',['$scope','$http',function($scope,$http){ // get方式//原创 2016-07-21 21:39:47 · 2548 阅读 · 0 评论