2014-09-12 34 views
0

因此,其目标是使一些按钮的大小为屏幕高度的20%的宽度。在常规Famo.us,这个工程:通过Famo.us/Angular中的对象设置大小

var ww = window.innerWidth * .2; 
var hh = window.innerHeight * .2; 

// later in the code 

for(var i = 0; i < 2; i++) { 
surfaces.push(new Surface({ 
    content: "button", 
    size: [ww, hh] 
})); 

然而,在角当我在HTML中使用FA-大小,它不计算我的对象:

<fa-modifier ng-repeat="item in list" 
    fa-size="[ww, hh]" 
    fa-origin="[0.5, 0.5]" 
    fa-align="[0.5, 0.5]"> 
    <fa-surface fa-background-color="item.bgColor"> 
    {{item.content}} 
    </fa-surface> 
</fa-modifier> 

在相位控制器我有:

angular.module('famousAngularStarter') 
    .controller('MainCtrl', function ($scope, $famous) { 

    var Transitionable = $famous['famous/transitions/Transitionable']; 
    var Easing = $famous['famous/transitions/Easing']; 
    var ww = window.innerWidth; 
    var hh = window.innerHeight; 

    $scope.myGridLayoutOptions = { 
     dimensions: [2, 3] 
    }; 
}); 

回答

0

已解决。只需编写一个将阵列返回到fa大小的函数:

<-- HTML --> 

fa-size="myButtonSize" 

//JS 

$scope.myButtonSize = function() { 

     var ww = window.innerWidth * .2; 
     var hh = window.innerHeight * .2; 
     return [ww,hh]; 

} 
0

使用fa-scale。我相信你必须将修改器堆叠到大小,然后缩放曲面。

<fa-modifier ng-repeat="item in list" 
    fa-size="[undefined, undefined]"> 
<fa-modifier 
    fa-scale="[0.2,0.2]" 
    fa-origin="[0.5, 0.5]" 
    fa-align="[0.5, 0.5]"> 
    <fa-surface fa-background-color="item.bgColor"> 
    {{item.content}} 
    </fa-surface> 
</fa-modifier> 
</fa-modifier>