通過Famo.us/Angular中的對象設置大小

Question

因此，其目標是使一些按鈕的大小爲屏幕高度的20％的寬度。在常規Famo.us，這個工程：

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] 
    }; 
}); 

Answer 1

已解決。只需編寫一個將陣列返回到fa大小的函數：

<-- HTML --> 

fa-size="myButtonSize" 

//JS 

$scope.myButtonSize = function() { 

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

} 

Answer 2

使用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>