3

单击特定按钮时，我需要更新 div 的大小。

这是调整 div 大小的代码

   $scope.ResizeBand = function(dashboard)
            {
                StateToUpdate(dashboard);
                dashboard.Height = dashboard.Height + DashboardHeightIncrease;
            };

当我在模板中使用下面的代码时，一切都按预期工作

            <div class="col-xs-12 col-sm-6 col-md-{{widgetitem.ColumnWidth}}"  style="height:{{dashboard.Height}}">

不幸的是，这在 IE (11) 中不起作用，建议使用 ng-style 属性。所以我改变了

            <div class="col-xs-12 col-sm-6 col-md-{{widgetitem.ColumnWidth}}" ng-style="{'height':'{{dashboard.Height}}' + 'px'}">

但是当我点击按钮时，什么也没有发生。

4

3 回答 3

3

像这样尝试（在 ie11 中为我工作）

html:

ng-style="calculateCircuitGroup(circuit.numberOfPoles)"

控制器

$scope.calculateCircuitGroup : function(numberOfPoles) {
    return {
        width  : (numberOfPoles * CIRCUIT_WIDTH) + 'px'
           }
},
于 2014-12-02T15:45:34.877 回答
0

您不能将 Angular 语法 ( {{ ... }}) 嵌入到class元素中...
您应该使用ng-class ...

请注意，使用（引号内'{{dashboard.Height}}'的Angular语法）不会被Angular评估，而是保持原样......

于 2014-12-02T14:00:19.323 回答
0

你试过了吗

           <div class="col-xs-12 col-sm-6 col-md-{{widgetitem.ColumnWidth}}" 
            ng-style="{'height': dashboard.Height+'px'}">

（根本没有括号）？

于 2014-12-02T14:02:59.987 回答