论angularJs中ng-show和ng-if的区别

Published on:

在angularJs中有几种判断方法, 有ng-hide, ng-show, ng-if 在使用中遇到过坑, 该坑就是试用ng-show或者ng-hide时, 页面排班会因为有被隐藏的元素, 导致页面排版出现问题.

下面的代码是例子:

1
2
3
4
<a class="badge badge-energized" ng-show="article.type == '通知'"></a>
<a class="badge badge-royal" ng-show="article.type == '规范'"></a>
<a class="badge badge-calm" ng-show="article.type == '业务'"></a>
<a class="badge badge-balanced" ng-show="article.type == '酬金'"></a>

就是根据不同的文章类型, 显示不同的badge, 在使用ng-show的时候, 总会遇到badge上下不能对齐的问题, 经过排查发现ng-show仅仅是将元素的class中增加一个hide, 并不会移除元素. 这样会导致在排班的时候, 样式会有略微错位.

讲代码改为:

1
2
3
4
<a class="badge badge-energized" ng-if="article.type == '通知'"></a>
<a class="badge badge-royal" ng-if="article.type == '规范'"></a>
<a class="badge badge-calm" ng-if="article.type == '业务'"></a>
<a class="badge badge-balanced" ng-if="article.type == '酬金'"></a>

之后, 样式正常

Run .bat in Background

Published on:
Tags:

在.bat文件同级目录,新建一个.vbe,输入内容如下

1
2
set ws=wscript.createobject("wscript.shell")
ws.run "start.bat /start",0

其中 start.bat 为.bat文件的文件名

一句话实现webserver

Published on:
Tags:
  • ruby
1
ruby -run -e httpd . -p 30001
  • Python *

(感谢评论中@qianlifeng 给提供内容)

1
python -m SimpleHTTPServer 8001

完美卸载ubuntu下的mysql-server

Published on:
Tags:
  • 系统: Ubuntu 13.10

  • 删除 mysql

1
2
3
4
sudo apt-get autoremove --purge mysql-server-5.0
sudo apt-get remove mysql-server
sudo apt-get autoremove mysql-server
sudo apt-get remove mysql-common //这个很重要

上面的其实有一些是多余的。

  • 清理残留数据
1
dpkg -l |grep ^rc|awk '{print $2}' |sudo xargs dpkg -P

Bulit a Blog by Octopress

Published on:
Tags:

1、安装ruby

  • 使用rvm安装ruby,国内首先修改访问路径,以保证安装过程中网络不会因为大墙所中断导致安装异常:
1
sed -i 's!ftp.ruby-lang.org/pub/ruby!ruby.taobao.org/mirrors/ruby!' $rvm_path/config/db
  • 之后可以使用rvm命令安装对应版本的ruby,本文使用Ruby 2.0.0
1
rvm install 2.0.0

Test

Published on:
Tags:

Test


I’m a test post

Copyright © 2015 Hging . Powered by Octopress | Theme fabric by Pankaj Kumar