angular1

之前工作以Angular1.x为主,主要做业务系统,以后工作中技术栈可能以vue为主,在此对Angular1.x的使用做一个简单总结,这里使用1.5+版本. 基本概念 1.依赖注入 依赖注入,在angular中到处可见,这里不会照本宣科,只以很直白的方式的简单描述基本使用方式,以$scope注入为例. 创建一个controller,注入$scope,有三种写法: 1)隐式注入 function HomeController($scope){}; 2)内联注入 app.controller('Ho

ng-model-options是angular-1.3新出的一个指令,这篇文章就来介绍这个指令的用法. ng-model-options允许我们控制ng-model何时进行同步. 比如:1.当某个确定的事件被触发的时候 2.在指定的防抖动延迟时间之后,这样视图值就会在指定的时间之后被同步到模型. 为了了解它到底是什么意思,我们从一个最简单的ng-model指令创建的input元素双向数据绑定的栗子开始看起: eg-0.0 核心代码: <input type="text" ng-

前言: 在我前面的博客,angular项目总结——angular + browserify + gulp + bower + less 架构分享  把我开发angular的架构进行了分享,并上传到了github https://github.com/zimv/zmNgFrameWork . 而后我又在我的 gulp系列 里分享了 gulp-rev:项目部署缓存解决方案----gulp系列(六) ,也更新了github上gulpStart的rev分支 https://github.com/zimv

以下的代码是自己对angular1的一些理解.如果非要按照mvc的这种模式开发..可以用以下的这种方式理解. //userFactorys.js 这是服务方法 return 的方法取得json数据里的值 按照我的理解他属于 Model里的静态方法 也就是MVC中的M var app = angular.module('appFactorys',[]); app.factory('Movies',['$http',function($http){var getMoveies = function(

angular1.x作为经典的mvc框架,可以创建能够复用的组件,也可进行双向数据绑定.国内的vue.js/avaloon.js都是同类型的框架.适合使用angularjs的项目有大型信息化管理系统:企业资源计划(ERP).它适合表单多,模块多的项目,hybrid app,不适合高并发的项目. angular表达式{{}}eg: angular应用的创建步骤:1.创建一个SPA宿主页面:index.html2.在页面下面引用angular.js3.创建项目的根的模块 angular.module

js: 控制器命名app.js定义的带路由的控制器,子页面里单独声明的控制器 app_demoCtr page_demoCtr 服务命名.factory('common',function($state,$ionicHistory,$ionicScrollDelegate){return{init: function($scope){},}}) 公共函数使用(angular1):刷新(加载),返回,跳转,下拉服务类 发送短信验证码服务 调用接口服务 文件读取服务 图片缓存服务 服务+$ionic

在Angular1.5中,增加了一个Component方法,并且定义了组件的若干生命周期hook,在代码规范中也是推崇组件化开发,但是很遗憾的是,CSS模块化组件化的问题并没有得到解决,大部分项目的打包方式还是将所有CSS打包成一个完整的CSS文件,然后插入到html中,这样做的坏处显而易见,如果团队没有良好的CSS代码规范,很容易引起CSS的冲突,本文使用CSS Modules来解决Angular1.X中存在的CSS 冲突问题. 为了便于读者查看并动手操作,我将所有的代码打包成了一个库,首先在

1.Angular1 Directive 原理 原文地址:https://www.cnblogs.com/AlexNull/p/8279204.html

这里需要将Angular1分为Angular1.5之前和Angular1.5两个不同的阶段来讲,两者虽然同属Angular1,但是在开发模式上还是有较大区别的.在Angular1.4及以前,主要是基于HTML的,将所有view划分为不同的HTML片段,通过路由,transclude,include等方式,按照用户行为切换显示不同界面.对于每个template内部来讲,可以是纯HTML,也可以是自定义的directive.directive之间可以有层级关系,也可以没有层级关系.在Angular1

开坑,一直喜欢口袋妖怪,想着能写点有关的程序. 最近项目要改写管理系统,所以用Angular1.x搭建一个口袋妖怪管理系统试试. 巩固Ng1.x的知识+学习库的用法,然后算是记录一个系统从零开始到成型的过程吧哈哈~ 总计划 暂时计划比较简单,该网站是一个SPA即单页面管理系统应用,暂时分为五个页面: [ ] 口袋妖怪 [ ] 技能 [ ] 树果 [ ] 道具 [ ] 训练师 在完成管理界面之后尝试设计一个主界面,类似宝可梦图鉴的页面,用来练习界面设计&展示口袋妖怪列表 多说无益,开工先 一.目标