- 浏览: 162867 次
- 性别:
- 来自: 重庆
博客专栏
-
Angularjs实战
浏览量:19249
最新评论
-
masuweng:
java批量将多文件打包成zip格式 -
柳絮飞祭奠:
// 读取错误执行的返回流 是这个 B ...
java调用执行cmd指令启动weblogic -
109:
您好,我想知道在startServer怎么判断它是错误执行的流 ...
java调用执行cmd指令启动weblogic -
williamfan:
dataSourceConfig.getUrl()这个可以直接 ...
spring boot和mybatis入门
文章列表
一、ng-show(ng-hide)和ng-if都是控制标签的显示和隐藏,为什么angularjs会定义两个指令来供我们使用呢,不多多说肯定有各自的使用场景,接下来我们看哈实际原理:
ng-show实质性就是控制标签的显示和隐藏,内部是display: none;
ng-if则是移除标签和插入标签:;
二、实际比较
定义三个div
<div ng-show="true">我是显示</div>
<div ng-show="">我是隐藏</div>
<div ng-if="&qu ...
开始开门见山了,至于maven是什么请百度百科。
第一步:
下载maven,进入maven官网下载:http://maven.apache.org/download.cgi
第二步:
1.解压下载好的maven
2.配置maven_home
加入maven配置到path中:%MAVEN_HOME%\bin
测试是否配置成功:进入到cmd输入mvn -v;打印如下信息则配置成功
第三步:myeclipse集成maven
1.设置maven安装路径
2.配置本地仓库
配置仓库前先修改本地仓库地址进入到maven的conf找到settings.xml修改localRepository
& ...
WebLogic 11gR1默认是支持jdk1.6的
我们可以进入到E:\weblogic\user_projects\domains\base_domain\bin中的修改setDomainEnv.cmd文件
再次运行即可
当我们使用angularjs的路由时,时常会出现一个需求,当选中菜单时把当前菜单的样式设置为选中状态(多数就是改变颜色)
接下来就看看Angular-UI-Router里的指令ui-sref-active 的使用
其意思就是查看当前激活状态并设置 Class
代码:
<!DOCTYPE html>
<html ng-app="app">
<head>
<title>嵌套视图</title>
<meta http-equiv="keywords" content="ke ...
今天来分享哈自己的技术交流群,记得还是刚接触Java建立的群,那时候学习Java很有动力,经常和群友谈论问题,现在都专注公司业务和技术这一块,很多后端框架都没用除了restful,其他都是封装的,不过前端框架(angularjs+bootstrap)还是比较熟悉,感慨时光过得这么快,希望大神能进来一起分享知识,还是分享哈群号(522818473)。
前端开发难免遇到很多地方需要图片来展示,以往我们都会使用img、background、font文件实现图片,本人使用bootstrap,但由于前端比较火的bootstrap的font库太少不能满足我们的需求,很多时候我们会使用阿里提供http://www.iconfont.cn/search来寻找图片和自定义iconfont文件
正文
1.登陆http://www.iconfont.cn/search选择图片到购物车
2.生成iconfont代码
点击购物车下载代码[/size]
3.使用
引入生成的 <link rel="stylesheet" hr ...
angular路由传参
首页
<!DOCTYPE html>
<html ng-app="app">
<head>
<title>路由传参</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
...
博文一中的filter是angular自带的filter,一般不会满足我们的使用。我们可以自定义filter。
一、自定义filter实现反转字符串
<div>{{ceshi|reverse}}</div>
app.filter('reverse', function() {
return function(text) {
return text.split("").reverse().join("");
};
});
app.controller("crl", function($sco ...
一、格式化数字为货币格式。
<div>{{money|currency:"$"}}</div>
<div>{{money|currency:"RMB"}}</div>
script:
app.controller("crl", function($scope, $filter) {
$scope.money="4545";
});
显示为
二、lowercase 格式化字符串为小写。
姓名为 {{ lastName | lowercase }}
...
1. 路由(ui-router)
1.1. 环境
1) angular.min.js
2) angular-ui-router-0.2.10.js
3) 确保确保包含ui.router为模块依赖关系.
4) var app=angular.module("app",['ui.router']);
1.1. 视图激活方式
1) $state.Go():优先级较高的便利方式
2) ui-sref:点击包含此指令跳转
3) url:url导航
1.2. 多视图
Views:
使用views属性设置多个视图。如果在单一状态下不需要多个视图,则不需要此属性。提示:请记住,通常嵌套视 ...
我们在开发时时常会出现repeat嵌套使用的情况,此时会想获取父级repeat数组的下标可使用$parent.$index
我们使用文件上传时,时常自定义图标,这时候通常会把input的透明度设置为0,但是在IE上使用时会出现光标闪烁问题
解决办法
css设置font-size为0
定义model file对象根据fiel对象的不同状态改变li样式
<li ng-class="{true:'z_step_bar_active',false:''}[file.step=='2'||file.step=='3']"></li>
ok 搞定
当我们使用AngularJs的ng-repeat时候动态绑定数据时,遇到遍历出来的标签样式都一样,这时候希望根据数组的下标分别对应不同的样式
解决:使用$index获取数组下标根据下标改变样式
<div ng-repeat="item in menulist">
<div class="z_cstorge_menu">
<span class="z_cstorge_menu_ico{{$index}}"></span> <span
class="z ...
一、发送消息基本步骤
(1)启动ActiveMQ的的activemq.bat批处理文件或BrokerService节点
(2)创建连接使用的工厂类ActiveMQConnectionFactory通过工厂类创建连接并启动
(3)通过ActiveMQConnection创建会话ActiveMQSession
(4)通过ActiveMQSession创建队列返回一个ActiveMQDestination地址
(5) 通过ActiveMQSession和ActiveMQDestination地址创建ActiveMQMessageProducer
( ...