Jeffcky的博客_AngularJS

利用angular结合translate为项目实现国际化

前言利用H5项目第一版本已经上线，话说有了第一期就有了第二期，这不要为第二期做准备了，老大发话第一件事就要利用Angular JS实现项目的国际化以及后续要借助这个框架来实现其他功能，好吧我表示没怎么接触过，这一个礼拜自己也对Angular基本的用法已经有了初步的了解以及熟悉，于是乎就有了这篇文章的...

html

json

ide

原创 2022-02-09 16:44:22 270 阅读

AngularJS之Directive（三）

前言 angular核心部分如下图几大块，最重要的莫过于指令这一部分，本文将重点讲解指令这一部分，后续笔者将通过陆续的学习来叙述其他如：factory、service等，若有叙述错误之处，欢迎各位指正以及批评。本文将通过一些实例来进行叙述。话题 restrict以及replace 在sublime

html

文本框

复用

原创 2022-02-09 16:43:30 35 阅读

AngularJS之中级Route【二】（七）

前言上一篇我们介绍了AngularJS内置的路由ngRoute，我们知道AngularJS被广泛应用于单页应用SPA（Single Page Application）中，此时路由对于我们来讲非常重要，对于内置的路由（也不能说内置，只能说在VS中默认下载的路由包是ngRoute），但是我们应该明显的

html

ide

嵌套

原创 2022-02-09 16:33:26 29 阅读

AngularJS之高级Route【三】（八）

前言我们知道默认的路由提供（Route Provider）在复杂的应用程序中是不太适合应用场景，它存在诸多限制，所以在Angular 1.2之后此时我们不得不将路由提供作为一个单独的模块当我们需要使用时即ngRoute，但是该ngRoute使用起来还是不够灵活，AngularJS团队很快意识到了这

ide

数据

html

原创 2022-02-09 16:32:53 85 阅读

AngularJS之WebAPi上传（十）

前言前面一系列我们纯粹是讲AngularJS，在讲一门知识时我们应该结合之前所学综合起来来做一个小的例子，前面我们讲了在MVC中上传文件的例子，在本节我们讲讲如何利用AngularJS在WebAPi中如何上传，来巩固下WebAPi并结合AngularJS中对应的一些组件学习下。 AngularJS

ide

上传

加载

原创 2022-02-09 16:31:15 34 阅读

AngularJS之ng-class（十一）

前言本节我们来讲讲指令中的ng-class，通过添加ng-class来生成对应的样式，有时候得根据不同的条件来选择对应的样式，本节我们来看看ng-class的灵活性用法。 ng-class使用字符串（一）想必这种用法是最简单的，我们稍作演示下。效果： ng-class使用数组（二） ng-cl

数组

三元运算符

字符串

原创 2022-02-09 16:30:25 143 阅读

AngularJS之指令中controller与link（十二）

前言在指令中存在controller和link属性，对这二者心生有点疑问，于是找了资料学习下。话题首先我们来看看代码再来。第一次尝试页面：脚本：【注】：基础还是非常重要，页面上为custom-directive，在脚本我写成customdirective时死都没出效果，改成cu

业务逻辑

数据

数据交互

原创 2022-02-09 16:27:18 108 阅读

AngularJS之Scope及Controller（一）

前言之前有接触过基本的AngularJS，未过多涉及，于是乎本系列我们来着重讲讲AngularJS，对AngularJS中重要的几大内容进行梳理并进行一些小的例子的书写。在之前项目过程中用到过avalon，但是avalon并未被广泛使用也就放弃了，至于孰最轻量，性能更好作为非专业的我就不妄下结论，

javascript

html

应用程序

原创 2022-02-09 16:21:21 84 阅读

AngularJS之Filter（二）

前言本节我们来讲讲AngularJS中主要的部分之一，那就是过滤器，当从后台获取到的数据呈现到视图上时，此时可能需要对数据进行相应的转换，此时我们可以通过过滤器在不同页面进行不同数据的格式抓换，在AngularJS中有常见默认的过滤器，当然若不满足所需，我们可以自定义过滤器。 AngularJS默

自定义

数据

json

原创 2022-02-09 16:20:57 46 阅读

AngularJS之Service（四）

前言前面我们讲了控制器、过滤器以及指令，这一节我们来讲讲重大内容之一服务和其中涉及到的工厂。话题 AngularJS中服务可以说是和DI紧密联系在一起，在应用程序中我们可以通过使用服务来共享代码，服务可以被延迟实例化，为何这样说，在Angular内置的服务或者我们自定义的服务只有在才能被实例

ide

工厂方法

实例化

原创 2022-02-09 16:20:34 96 阅读

AngularJS之Dependency Injection（五）

前言这一节我们来讲讲AngularJS中的依赖，在实际开发中Angular提供了具体的方法供我们去调用，但是一旦业务不能满足要求或者出现麻烦或者错误时导致无从下手，所以基于此我们有必要深入一点去了解内部的基本原理，这样我们才能将Angular玩弄于鼓掌之间。话题在讲述依赖时我们有必要讲

ide

初始化

依赖注入

原创 2022-02-09 16:19:45 116 阅读

AngularJS之初级Route【一】（六）

前言这一节我们来讲讲AngularJS中的路由以及利用AngularJS在WebAPi中进行CRUD。下面我们一起来看看。话题当我们需要进行路由映射时即用到$route服务，在AngularJS中依赖于ngRoute模块，所以鉴于此我们得添加这个模块。添加路由服务则会映射URL到对应的视图名称

html

ide

bootstrap

原创 2022-02-09 16:17:28 38 阅读

AngularJS之代码风格36条建议【一】（九）

前言其实在新学一门知识时，我们应该注意下怎么书写代码更加规范，从开始就注意养成一个良好的习惯无论是对于bug的查找还是走人后别人熟悉代码都是非常好的，利人利己的事情何乐而不为呢，关于AngularJS中的代码风格分为几节来阐述。希望对打算学习AngularJS的新手或者已经在路上的老手有那么一丢丢

ide

html

匿名函数

it

原创 2022-01-16 16:59:17 78 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

Jeffcky的博客