Question

当我点击特定按钮时，我需要更新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'}">

但是当我点击按钮时，没有任何反应。

Answer 1

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

HTML：

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

控制器

$scope.calculateCircuitGroup : function(numberOfPoles) {
    return {
        width  : (numberOfPoles * CIRCUIT_WIDTH) + 'px'
           }
},

Answer 2

您无法在{{ ... }}元素中嵌入Angular语法（class）...
您应该使用ng-class ...

请注意，使用'{{dashboard.Height}}'（Angular语法 in 引号）不将由Angular评估，但保持原样...

Answer 3

你试试

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

（根本没有括号）？

如何使用ng-style更新单击样式

3 个答案: