Angular - 如何应用[ngStyle]条件
我有一个div，我想根据条件进行样式设置。 如果styleOne为真，我想要背景颜色为红色。如果styleTwo为真，我想要背景颜色为蓝色。我已经使用以下代码完成了其中一半。 <div id="myDiv" [ngStyle]="styleOne &a...
在Angular JS中动态应用CSS样式属性
这应该是一个简单的问题，但我似乎找不到解决方案。我有以下标记：<div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></...
如何使用ng-style设置div的宽度
我正在尝试使用ng-style动态设置的宽度，但它没有应用样式。以下是代码：<div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width...
AngularJS ng-style：background-image不起作用
我试图使用Angular的ng-style（之前尝试过具有相同行为的自定义指令）将背景图应用于，但似乎没有起作用。 <nav class="navigation-grid-container" data-ng-class="{ bigger: isNavActive =...
在“ng-repeat”循环中使用AngularJs的“ng-style”
我正在尝试使用ng-style根据数据元素的值有条件地设置表格中的颜色。每一行数据都是使用ng-repeat生成的。 因此，我有这样的代码：<tr ng-repeat="payment in payments"> <td ng-style="set_color({{pa...
Angular2如何更改伪元素的样式
在Angular 2中，是否可以使用[style]或[ngStyle]更改伪元素的样式？ 为了在一个充当覆盖层的div上获得模糊效果，我应该在伪元素上设置background-image。 我尝试了类似以下的内容：<div class="blur" [style.before.backg...
ng-style中的多个属性
我需要有多个原始样式属性，例如:$scope.css = "'width': 'calc(100% - "+$scope.fixedColumnsWidth+"'),'margin-left':'"+ $scope.fixedColumnsWidth+"'"; <div ng-styl...
Angular2异常：由于它不是已知的本地属性，因此无法绑定到'ngStyle'。
最近我一直在使用新的Angular2框架进行大量的工作。在测试一些功能时，我遇到了以下错误： 无法绑定到'ngStyle'，因为它不是已知的本机属性 在研究错误本身时，我找到了几个解决方案，例如将'directive: [NgStyle]'添加到组件中，但这并不能解决问题。 代码...
Angular 2：使用ngStyle设置悬停属性
我正在尝试使用[ngStyle]设置悬停属性状态。 以下代码仅设置正常状态下的颜色。当我将鼠标悬停在按钮上时，该按钮不会按预期更改为按下颜色。<button (click)="logout()" class="btn register-button...
如何通过函数在ng-style中获取多个CSS规则？
我需要在 Angular 表单模板中为 HTML 标签应用多个 CSS 规则。<div class="form-control" id="data.objectStyle" ng-model="data.type" ng-style="getStyle(data.objec...