angularjs 使用ngstyle时“找不到不同的支持对象”

koaltpgm 于 2024-01-05 发布在 Angular

关注(0)|答案(2)|浏览(240)

我有一个进度条

<div class="progress-bar-line red" role="progressbar"  
    aria-valuenow="redrated" aria-valuemin="0" aria-valuemax="100"
    ngStyle="max-width:{{redrated}}%"
>
    <span class="title">{{ redrated }}%</span>
</div>

字符串
我已经使用ngStyle="max-width:{{redrated}}%"并尝试过：
1.在组件中创建了一个对象，并以ng样式调用它
1.即使ngStyle="{'max-width': '20px' }"也给出了同样的错误，请帮助我解决这个问题

angularjs

来源：https://stackoverflow.com/questions/48337649/cannot-find-a-differ-supporting-object-when-i-am-using-ngstyle

2条答案

按热度按时间

k2arahey1#

<!DOCTYPE html>
    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <body>
    <div ng-app="myApp" ng-controller="myCtrl">    
    <div class="progress-bar-line red" role="progressbar"  
                aria-valuenow="redrated" aria-valuemin="0" aria-valuemax="100"
                ng-style="{'max-width': '{{redrated}}%'}">
                <span class="title">{{ redrated }}%</span>
            </div>
    </div>
    
    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.redrated = 20;
    });
    </script>
    </body>
    </html>

字符串

展开查看全部

赞(0）回复(0）举报 2024-01-05

hsgswve42#

正确的语法是在键中定义像素，而不是在值中：

<div [ngStyle]="{'min-height.px':'700'}">
</div>

字符串
参见https://angular.io/api/common/NgStyle

赞(0）回复(0）举报 2024-01-05

我来回答

angularjs 使用ngstyle时“找不到不同的支持对象”

2条答案

相关问题

热门标签

最新问答