Sematic库系列一

最近在做项目时采用了sematic css 库，由于这个库的资料太少，在做项目中遇到很多问题，在这里做一些记录

1. 下拉框demo

HTML 代码

<div class="field companySel">
    <span>名称</span>
    <div class="ui selection dropdown" >
        <input type="hidden" />
        <div class="text">全部</div>
        <i class="dropdown icon"></i>
        <ul class="menu">
            <li class="item">全部</li>
            <li class="item">1</li>
            <li class="item">2</li>
            <li class="item">3</li>
        </ul>
    </div>
</div>

javascript代码

//分公司筛选
    $('.companySel .dropdown').on('mouseenter',function(){
        $(this).dropdown({
            onChange: function(value){
                $scope.companyName = value;
                $scope.$apply();
            }
        });
    });

javascript 也可以这么写:

$('.companySel .dropdown').dropdown({
        onChange: function() {
            $scope.companyName = $(this).dropdown('get value');
            $scope.$apply();
        }
    });