本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- benladeng5225
- wallimn
- ranbuijj
- javashop
- jickcai
- fantaxy025025
- zw7534313
- qepwqnp
- robotmen
- 解宜然
- ssydxa219
- sam123456gz
- zysnba
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
- Xeden
最新文章列表
[译]AngularJs 编码风格指导
AngularJs 团队编码风格指南 (个人观点 by @john_papa)
如果你正在寻找一个固定的关于语法和约定的编码风格并且正在构建AngularJs应用,那么就进来看看吧,以下包含的这些内容是基于我在AngularJs、展示、Pluralsight 培训课程和团队工作中获得的经验总结出来的。
写这篇编码指南的目的是提供一个关于如何构建AngularJs的引导。我将通过展 ...
AngularJS中的隐藏和显示
对于菜单、上下文敏感的工具以及很多其他情况来说,显示和隐藏元素是一项核心的功能。与Angualr中其他功能一样,Angular是通过修改数据模型的方式来驱动UI刷新,然后通过指令把变更反应到UI上。
ng-show和ng-hide这两条指令的功能是等价的,但是运行效果正好相反,我们都可以根据所传递的表达式来显示或隐藏元素。也就是说,ng-show在表达式为tru ...
AngularJS中ng-repeat使用实例
ng-repeat可能是最有用的Angular指令了,它可以根据集合中的项目一次创建一组元素的多份拷贝。不管在什么地方,只要你想创建一组事物的列表,就可以使用这条指令。
ng-repeat将会生成标签内部所有HTML元素的一份拷贝,包括放指令的标签。可以通过$index返回当前引用的元素序号,还可以通过$first、$middle及$last,ng-repeat指 ...
《用AngularJS开发下一代Web应用》指令学习笔记
一.指令的作用:实现语义化标签
我们常用的HTML标签是这样的:
<div>
<span>目录</span>
</div>
而使用AngularJS的directive(指令)机制,我们可以实现这样的东西
<tabset>
<tab title='Home'>
<p> ...
AngularJS官网种子工程AngularSeed简单分析
一.AngularSeed工程结构
二.AngularSeed工程运行效果
工程默认打开view1。
点击“view2"的超链接,效果如下:
三.AngularSeed中的指令、服务、过滤器具体分析
1.指令、服务分析
在index.html中有如下一行代码
<div>Angular seed ap ...
AngularJs路由和双向绑定
AngularJs用的是前端路由,页面是一个单页面,先对指定的ng-app,定义路由规则(routeProvider),然后通过不同的URL,告诉ng-app加载哪个HTML,渲染到视图(ng-view)上。
使用路由机制:
$routeProvider提供了定义路由表的两个核心方法when(path,route)和otherwise(params)
首先看when(path,rou ...
Ionic构建Hybrid App - 上海地铁图App
Qunee有一个上海地铁图的例子,有客户希望转成mobile app,考察过android的webview,以及PhoneGap等多种Hybrid App方案后,最后选择使用ionic,准确的说是ionic + PhoneGap + Qunee ionic是一种基于HTML5创建Hybrid应用的前端框架,借助phoneGap + angularJS实现一套跨平台,轻量的移动UI方案,本文将介绍 ...
angularjs购物车demo
<!DOCTYPE html>
<html ng-app>
<head>
<title> New Document </title>
<script type="text/javascript" src="angular.js"></script>
&l ...
初探angularjs 之helloworld
<html ng-app>
<head>
<script src="angular-1.0.1.min.js"></script>
</head>
<body>
hello{{yourname||'world'}}<br/>
your name:<input type= ...
[简单]Spring AngularJs简单CRUD示例
上次写了篇Spring CRUD的简单例子,没想到很多人访问,由于本人在学习AngularJs中文社区的翻译文章很头疼,所以自己写了个简单的Spring AngularJs的练练手,先说明下:
1)例子没有使用数据库,数据都传送到后台了,想使用Hibernate或者Mybatis保存到数据库请自行添加代码,相信这一步会很容易。 2)页面文件在index. ...
使用angularJS的三个重要原因
如果你不熟悉什么是Angular.js的话,小编我强烈推荐你阅读 Javascript教程:AngularJS的五个超酷特性。简单来说Angular.js是google开发者设计和开发的一套前端 ...
angularjs笔记
最近在用angularjs进行项目的前端开发,深深的体会到了angular双向绑定的优势和便捷,但也遇到了一些小小的问题,但我进入某个页面的时候,前一次在此页面输入的值竟然存在,这让我意识到某些时候给双向绑定的数据进行初始化是有必要的。