AngularJS的风格问题IE
我试图弄清楚如何在IE上完成此工作: 代码基本上会生成动态表,并且对象的左位置是从user_score值中获取的. 我知道IE不正确阅读此声明,过去我有类似的错误: gangularjs怪异渲染问题 "是因为{{xxx.xxx}}是无效的CSS,它是由IE进行的,当Angular编译器扫描所有属性时,样式属性是空的." 我知道必须有类似的解决方案,但是到目前为止,我一直无法弄清楚. 提前. 也要注意,IE的结果是一个空样式的attr. 解决方案 问题是相同的,可以用NG风格或NG-ATTR风格解决: ng风格:
0 2024-02-25
编程技术问答社区
Angular ng-style for ::after
我正在设计动态HR(地平线)规则. 在我的样式表中 hr.my-hr:after{ content:'Generic' } 在我的模板中 但是,当使用ng重复时,我如何动态更改模板中的内容???? 解决方案 所有ng-style确实是添加内联样式.但是,您想添加一个psuedo元素::after.根据 mdn> mdn : 您只能在选择器中使用一个伪元素.它必须在语句中的简单选择器之后出现. 因此,您不能在此中推断出它们,可悲的是ng-style无法做您的事情. 但是,如果您的::after在样式表中定义了您可以使用 ng-class 动态添加该样式. so
18 2024-02-25
编程技术问答社区
Angularjs-条件ngstyle
是否有可能做这样的事情: 如果 - 否则不起作用. ngclass不起作用,因为颜色是我对象的属性. 解决方案 NG风格的基本示例: Sample Text 使用三元操作员在vm.myFlag上以条件为条件:
18 2024-02-24
编程技术问答社区
Angular ng-change for select不调用声明的方法
我是Angular的新手,并继续在控制台TypeError: name.replace is not a function中获得以下错误.我不确定到底是什么原因引起的,但是它似乎是由ng-style语句造成的,也许与骆驼有关? 我不明白的一部分是为什么ng-style="isFrontView() || !matches && {'display': 'none'}"引发错误,但是ng-style="!isFrontView() || !matches && {'display': 'none'}"不会丢失错误. 试图解决情况,我尝试从功能名称中删除骆驼并进行了所有小写.我也尝试使用!!isFrontView(),但似乎都没有删除错误消息. 有人知道此错误消息的原因是什么? html模板:
18 2024-02-23
编程技术问答社区
如何用ng-style实现进度条
我正在尝试使用NG风格的进度栏.问题是,当我做到这一点时,进度滑块只会在中间进行,并且不覆盖整个栏.进度条应为几个小时,例如:4h,5h等.当我以%为单位时,它可以正常工作.有人可以帮忙吗? 这是我的代码: jsfiddle: https://jsfiddle.net/f6h32sfx/ 解决方案 尝试一下,它将帮助您 .progress-box
8 2024-02-23
编程技术问答社区
如何在AngularJS中动态地改变一个CSS属性
现在,我有一个背景图像URL将其硬编码为CSS.我想在AngularJ中使用逻辑动态选择背景图像.这是我目前拥有的: html CSS .offer-detail-image-div { position: relative; display: block; overflow: hidden; max-width: 800px; min-height: 450px; min-width: 700px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-radius: 5px; ba
12 2024-02-23
编程技术问答社区
ng-style中的多个属性
我需要具有多种原始样式属性,例如: $scope.css = "'width': 'calc(100% - "+$scope.fixedColumnsWidth+"'),'margin-left':'"+ $scope.fixedColumnsWidth+"'"; 这不起作用.当我使用 时,它可以工作 ,但不是为IE. 解决方案 ng风格等待对象文字,因此您需要将代码调整为 $scope.css = { width: 'calc(100% -'+$scope.fixedColumnsWidth+')', 'margin-left': $scope.fixedColumnsWidth } 其他解决方案 在View 上使用以下使用
20 2024-02-23
编程技术问答社区
在AngularJs中用ngStyle动态刷新背景图片
当我使用Angular到动态变化Div的背景图像时,我发现有两种设置backGrond-image的方法: 首先: 第二个: 但是当我更改example_expression时,只有第一种方式才能动态更改背景图像. plunker ngstyle怎么了? 解决方案 ng-style不应包含{{}}插值指令,您可以直接在此处访问范围变量. backgroundImage应该是'background-image' 标记
26 2024-02-23
编程技术问答社区
如何用ng-style设置div的宽度
我试图使用ng-style动态设置DIV宽度,但它没有应用样式.这是代码:   控制器: var MyApp = angular.module('MyApp', []); var custController = MyApp.controller('custController', function ($scope) { $scope.myStyle="width:'900px';background:red"; }); 我缺少什么? 小提琴链接: fiddle 解决方案
16 2024-02-23
编程技术问答社区
在Angular JS中动态地应用CSS样式属性
这应该是一个简单的问题,但我似乎找不到解决方案. 我有以下标记: 我需要背景颜色才能绑定到范围,所以我尝试了: 那不起作用,所以我做了一些研究并找到了ng-style,但是那不起作用,所以我尝试将动态零件拿出来,只是用ng-style中的方式对样式进行了硬编码. ..
4 2024-02-23
编程技术问答社区
Angular 2/4,"ngStyle"。根据其父元素的活动或不活动,应用不同的风格。
当元素的作用时,我需要将样式应用于元素.我正在使用RouterLinkactive应用CSS课程并正常工作,但是如果父亲元素为actite应用于Actite(显示:block:block),则在其他情况下进行验证,在其他情况下,请应用另一种(display:none). 如果父元素处于活动状态: 当我选择另一个元素时: 我有一个及其各自
2 2024-02-22
编程技术问答社区
角2:使用ngstyle设置悬停属性
我正在尝试使用[ngStyle]. 设置悬停属性状态 以下仅设置正常状态颜色.当我从按钮上鼠标鼠标时,按钮不会按预期更改为按压颜色.
38 2024-02-20
编程技术问答社区
Angular2出现异常。不能绑定到'ngStyle',因为它不是一个已知的本地属性。
我最近与新的Angular2框架做了很多工作.在测试一些功能时,我最终出现了错误: Can't bind to 'ngStyle' since it isn't a known native property 在调查错误本身时,我来了几种解决方案,例如将"指令:[ngstyle]添加到组件中,但这并不能解决问题. 代码如下: main.ts import {bootstrap} from 'angular2/platform/browser'; import {App} from './app' bootstrap(App).then(error => console.log(error)); app.ts import { Component } from 'angular2/core'; import { Button } from './button'; import { NgStyle } from "angular2/common";
6 2024-02-20
编程技术问答社区
在ngStyle中使用Angular 8将数字转换为度数
{{rescor.percentage}}给我一个0到100的数字. 如果我得到25,我希望它转换为-45度,或者如果得到0,我希望它转换为-90度,或者如果得到75度,则将其转换为45度. . [ngStyle]="{'transform': 'rotate(' + result.percentage + 'deg)'}" 电流,这给出了一个输出style="transform: rotate(25deg);",我想转换为style="transform: rotate(-45deg);" 我该怎么做? fyi,我需要绑定该速度表的数据: 解决方案 看起来您需要数学杂志,而不是框架专家,但是我要对答案进行镜头: [ngStyle]="{'transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)'}" 其他解决方案 类似的东西? html [ngStyle]="
14 2024-02-20
编程技术问答社区
Angular-如何应用[ngStyle]条件
我有一个我想根据条件进行样式的div. 如果StyleOne为True,我想要红色的背景颜色.如果styletwo为真,我希望背景颜色为蓝色.我有一半使用以下代码. 是否可以添加一个条件来说: 如果StyleONE是正确的,请执行此操作 如果styletwo是真的,请这样做? 编辑 我认为我已经解决了它.有用.不确定这是最好的方法: 解决方案 对于单个样式属性,您可以使用以下语法:
16 2024-02-20
编程技术问答社区
改变angular2中伪元素的风格
是否可以在Angular2中使用[style]或[ngStyle]更改伪元素的样式? 为了对DIV进行模糊效果,例如覆盖层,我应该在伪元素上设置背景图像. 我尝试了 之类的东西 它不起作用.我也尝试了这个 解决方案 不,这是不可能的.实际上,这不是一个角度问题:伪元素不是DOM树的一部分,因此,不暴露任何可用于与它们相互作用的DOM API. 通常的方法,如果您想以编程方式处理伪元素,则是间接的:您添加/删除/更改类,在CSS中,此类会影响相应的伪元素.因此,在您的情况下,您可以还有一个更改必要样式的类:
26 2024-02-20
编程技术问答社区
ngStyle VS Renderer2 ? 我应该使用什么?
我正在使用Angular 5.2.9. 我想知道我什么时候应该在ngstyle上使用Renderer2?哪个是最好的解决方案? 1: FOO BAR @ViewChild('div') div: ElementRef; constructor(private renderer: Renderer2) {} ngAfterViewInit() { this.renderer.setStyle(this.div.nativeElement, 'background', 'blue'); } 2: FOO BAR styleValue: any = {}; ngAfterViewInit() { this.styleValue = {background: 'blue'}; } 我知道在ngfor中使用" ng
26 2023-04-22
编程技术问答社区