angular.js
文章平均质量分 74
qq小小布丁
内向
展开
-
angular.js学习(1)--双向数据绑定
1、ng-bind与{{}}{{greeting.text}}当页面数据加载不出来,ng-bind不会直接出现{{greeting.text}}一般首页用ng-bind,其他用{{}}原创 2016-11-03 20:23:29 · 505 阅读 · 0 评论 -
angular:service、factory、provider使用和区别
转载:http://blog.csdn.NET/evankakaAngualrJs中可用来注入的有三种类型,service、factory、provider,这三种写法不样,用法也都不一样。其中,service只实例化一次,其实就是单例模式的思想。无论我们在什么地方注入我们的service,将永远使用同一个实例。所以对很多在controller层中的操作就可以放到serivce层中去。An转载 2016-10-07 18:57:26 · 11239 阅读 · 0 评论 -
angular:conctroller的数据共享、继承、通信
转载:http://blog.csdn.NET/evankaka一、基础知识 AngularJS中的controller中文名就是控制器,用来向视图的作用域($scope)添加额外的功能。而且每个controller都有自己的scope, 同时也可以共享他们父controller的scope内的数据。(1)给作用域对象设置初始状态var app = angular.mod转载 2016-10-07 17:02:52 · 644 阅读 · 0 评论 -
angular中service、provice、factor区别
provider, factory和service都是写Angularjs的service中常用的关键字,很容易混淆,写了一个简单的例子显示他们之间的区别:分别用service,factory和provider定义三个service:var wtcModule = angular.module('wtc', []);wtcModule.service('testService'转载 2016-10-07 16:01:38 · 760 阅读 · 0 评论 -
angular.js学习(1)--指令和控制器间的交互
1、var app = angular.module("app",[]);app.controller("repeatCtrl",['$scope',function($scope){ $scope.loadDate = function(){ console.log("加载数据中,,,"); }}]).controller("repeatCtrl2",['$scope',fun原创 2016-10-05 15:03:27 · 564 阅读 · 0 评论 -
angular.js学习(1)--directive指令独立scope
1、@ var app = angular.module("app",[]);app.controller("love",["$scope",function($scope){ $scope.fover="百事可乐";}]).directive("drink",function(){ return{ restrict:"AE", scope:{ myfaver:'原创 2016-10-05 16:09:39 · 1030 阅读 · 0 评论 -
angular.js学习(3)--injector注射器
为什么要依赖注入?声明式,推断型注入,内联式注入var app = angular.module("app",[]);var myCtrl = function(thisname){ thisname.name = "lili";}myCtrl.$inject = ['$scope'];app.controller('myCtrl',myCtrl);var app = angu原创 2016-10-05 21:58:50 · 918 阅读 · 0 评论 -
angular.js学习(3)--启动过程
1、用自执行函数的形式让整个代码再加载完成后立即执行2、检查是不是多次导入angular3中启动方法:第一种:var app=angular.module("app",[]);app.controller("appCtrl",["$scope",function(){}]);第二种:angular.element(document).ready(function(){ an原创 2016-10-05 21:35:21 · 509 阅读 · 0 评论 -
angular.js学习(2)--filter
结果:Oct 5, 20162016-10-05 08:12:3710/05/2016 @8:12:37PM我是莉莉111 filter.jsvar app = angular.module("app",[]).filter("myfilter",function(){ return function(item){ return item+'111';原创 2016-10-05 20:11:45 · 462 阅读 · 0 评论 -
angular.js基础(1)--指令directive
1、directiverestrict:AEMC1)hello.html中 //E:标签 //A:属性 //C:类 //M:注释,注意空格hello.js中var app = angular.module("app",[]);app.directive("hello",function(){ return {原创 2016-10-05 13:27:20 · 315 阅读 · 0 评论 -
angular.js学习(2)--service和provider
1、使用$http服务 http服务 {{item.title}} var app = angular.module("app",[]);app.controller("appCtrl",["$scope","$http",function($scope,$http){ $http({ method:"GET", url:"data.原创 2016-10-05 19:03:01 · 483 阅读 · 0 评论 -
angular.js学习(1)--指令之间的交互--动感超人
strman、speman、litman都依赖于superman当定义可以让外部调用的函数时,放在directive中,内部自己的绑定的事件放在link中//动感超人,四个指令superman.html superman 超人--力量 超人2--力量+敏捷 超人3--力量+敏捷+发光原创 2016-10-05 15:55:26 · 642 阅读 · 0 评论 -
angularAPI--(1)filter
var app = angular.module("app",[]);1、currency currency {{money | currency}} {{money | currency:"&"}} {{money | currency:"%":1}}2、date date {{12883236原创 2016-10-07 12:13:49 · 297 阅读 · 0 评论 -
angular.js(3)--指令的执行过程
1、指令的执行分两个阶段,compile和link函数自定义linkvar app = angular.module("app",[]);app.directive("hello",function(){ return { restrict:"E", template:"hello everyone!", replace:true, link:function(scop原创 2016-10-07 10:43:40 · 895 阅读 · 0 评论 -
angular.js学习(2)--服务和指令
原创 2016-10-05 20:32:19 · 321 阅读 · 0 评论 -
angular.js学习(1)--指令执行机制
原创 2016-10-05 14:43:49 · 331 阅读 · 0 评论 -
anguar 实战(1)--MVC
MVCmodel:数据模型层view:视图层controller:业务逻辑和控制逻辑好处:职责清晰,代码模块化原创 2016-11-03 20:24:03 · 271 阅读 · 0 评论 -
angular:全局变量设置、value、constant、rootscope、服务
转载:http://blog.csdn.net/evankakaAngualrJS中设置全局变量,即每个Controller中都可以访问的变量,主要有以下几种方法:1、通过var 直接定义global variable,相当于直接用js2.、用angularjs rootscope来设置全局变量 。3、用angularjs value来设置全局变量 。4、用转载 2016-10-07 19:36:03 · 3653 阅读 · 0 评论