AngularJS 實現(xiàn)彈性盒子布局

最近在寫一個簡單的布局框架，其實功能大同小異。但目標(biāo)要求是用盡量簡單的代碼，實現(xiàn)一些必用的功能。應(yīng)用在一些要求加載速度快的場合。

.flex-row,.flex{
  display: -webkit-flex;display: flex;
  flex-direction: row;
}
.flex-col{
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.directive('flex',[function(){
    return {
        restrict:'A',
        scope:{'flex':'='},
        link:function(s,e,a){e.css('flexGrow',s.flex);}
    };
}]);

    

        
 one 
        
 two