当前目录: angularjs笔记及案例
angular 1.3.x 笔记

2018年11月2日  angularjs笔记及案例   

笔记基于angular 1.3.17 ,虽然现在有2.x还听说1.x和2.x是 跳崖式的升级,很多方法都不一样了,没办法只能去学习老版本了公司项目是基于老版本开发的。 https://www.bootcdn.cn/angular.js/1.3.17/ 以上链接还包括一些扩展功能,例如cookie插件、动画效果插件、类似ajax功能的插件等等   代码总揽: <body ng-app="phonecatApp"> <div ng-controller="PhoneListCtrl"> <li ng-repeat="phone in phones"> <span>{{phone.name}}</span> <span>{{phone.snippet}}</span> </li> </div> <script> var phonecatApp = angular.module('phonecatApp', ['infinite-scroll', 'timer']); // 创建module phonecatApp....

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 { ...

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