当前目录: angularjs笔记及案例
angular脚手架Angular-cli 1.5.0

2018年5月1日  angularjs笔记及案例   

----------------------环境安装------------------------- 环境: node 8.9.1 Angular-cli 1.5.0   安装: npm install --global @angular/cli@1.5.0 npm i -g @angular-devkit/core   如果报以下错误: Error: Cannot find module '@angular-devkit/core' 就是@angular-devkit/core没安装好,尝试着在~./目录中全局安装 npm i -g @angular-devkit/core 成功后在执行: ng //有命令输出说明安装成功 尝试创建项目目录 ng new todo //todo项目 目录名称 切换到todo目录,执行 npm install,成功后在执行: ng server --port 3000 --open 如果报Error: Cannot find module '@angular-devkit/core' 就在todo当前目录下安装: npm i @angular-devkit/core 再次执行: ng server --port 3000 --open   ...

angular控制器和指令交互

2015年2月7日  angularjs笔记及案例   

效果是鼠标移动到此div下就自己加载自己div下的load事件 <div ng-controller="f1"> <div load date="rundate()">加载数据...</load> </div> <div ng-controller="f2"> <div load date="rundate2()">加载数据...</load> </div> <script> var myapp=angular.module('myapp',[]); myapp.controller('f1',function($scope){ $scope.rundate=function(){ console.log('数据1'); } }); myapp.controller('f2',function($scope){ $scope.rundate2=function(){ console.log('数据2'); } }); myapp.directive('load',function(){ return{ restrict:'A', link:function(scope,element,att...

angularjs如何向自定义指令传递数据

2015年2月7日  angularjs笔记及案例   

效果就是在input中输入地址,在点击链接的时候就会跳转 <body ng-app="myapp"> <input type="text" ng-model="url"> <div fuck-you my-url="url" text-con="点这里"></fuck-you> </body> </html> <script> angular.module('myapp',[]).directive('fuckYou',function(){ return{ restrict:'A', replace:true, scope:{scopeUrl:'=myUrl',textCon:'@'}, template:'<a href="http://'+'{{scopeUrl}}">'+'{{textCon}}</a>' } }); </script>

AngularJS自定义指令directive()

2015年2月6日  angularjs笔记及案例,前端资源   

angular创建自定义指令使用directive()例如: var app = angular.module('myapp',[]); app.directive('helloWorld',function(){ return { restrict: 'AE', //推荐使用A replace: true, //template会覆盖掉自定义标签 template: '<h3>Hello World!</h3>' //自定义标签要显示的内容 } }); 创建出来的便签推荐使用<div hello-world></div> 第一个参数是指令的名称 第二个参数是一个返回指令定义对象的函数。如果你的指令对额外的对象/服务(services)例如 $rootScope, $http 或者 $compile 有依赖,它们也可以在其中被注入。   link函数和作用域 link函数是负责操作DOM元素,例如: app.directive('helloWorld',function(){ return { ...

$apply()解释说明

2015年2月6日  angularjs笔记及案例   

$apply()是用来告诉并提醒angular,在model上已经有更新了也请及时更新view。 那么我们什么时候使用$apply()? 例如: angular.module('myApp',[]).controller('MessageController', function($scope) { $scope.getMessage = function() { setTimeout(function() { $scope.message = 'Fetched after 3 seconds'; console.log('message:'+$scope.message); }, 2000); } $scope.getMessage(); }); 我们使用的是setTimeout方法更新$scope.message的值,同时也希望更新的值在view也及时刷新,但是用这种方法view是不能及时更新的。因为angular并不知道$scope.message有更新。 这时候我们就使用$apply()了,将更改的数值写在$apply()里面,这样就能让angular知道$scope.m...

第1页,共2页 首页 上一页12下一页 尾页