Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以创建一个强制使用角度过滤器的css类?_Javascript_Html_Css_Angularjs - Fatal编程技术网

Javascript 是否可以创建一个强制使用角度过滤器的css类?

Javascript 是否可以创建一个强制使用角度过滤器的css类?,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,是否可以创建一个强制使用角度过滤器的css类 例如,我想让一个表格单元格显示一个值,该值将始终是右对齐的,颜色为矢车菊蓝色,并使用角度过滤器进行格式化(在本例中,我将选择货币) 我目前正在使用以下CSS: .money { text-align: right; color: #6495ed; } 此模板: <td class="money">{{myContract.amountOfMoney | currency:default:0}}</td> {

是否可以创建一个强制使用角度过滤器的css类

例如,我想让一个表格单元格显示一个值,该值将始终是右对齐的,颜色为矢车菊蓝色,并使用角度过滤器进行格式化(在本例中,我将选择货币)

我目前正在使用以下CSS:

.money {
    text-align: right;
    color: #6495ed;
}
此模板:

<td class="money">{{myContract.amountOfMoney | currency:default:0}}</td>
{{myContract.amountOfMoney}货币:默认值:0}

有没有办法缩短这一时间,以便CSS和角度过滤器都可以通过CSS应用?

如评论中所述,您可以使用
限制:“C”
创建货币指令

这里唯一的技巧是使用
$timeout
来确保我们使用
element.text()
获得经过计算的表达式

请看一下下面的演示或这个

angular.module('demoApp',[])
.controller('MainController',函数($scope){
$scope.myContract={
金额:100
};
})
.directive('money',函数(currencyFilter,$timeout){
返回{
限制:“C”,
链接:函数(范围、元素、属性){
$timeout(函数(){//timeout)以确保对表达式进行求值
var value=element.text();
//log(currencyFilter(parseFloat(value)| | 0,未定义,0));
text(currencyFilter(parseFloat(value),未定义,0));
}, 0);
}
};
});
。钱{
文本对齐:右对齐;
颜色:#6495ed;
}

{{myContract.amountOfMoney |货币:默认值:0}

{{myContract.amountOfMoney}


是的,只要做一个名为
money
的指令,并注入
$filter
服务(可能还有
$parse
服务)。虽然我会给css类命名:
appmoney
。或者考虑类<代码> CTF Curruny-Debug -0/COD>与指令<代码> CasStfFulter <代码>框外,您可以离开TD空,并使用QuestS选择器击中与CSS所定义的相同的类,如TD中的内角HTML,只要在加载角之前发生。这就像其他语言中的宏一样…您不应该使用scope.$apply而不是timeout,以便angular可以在需要时处理它吗?
$apply
也是我第一次尝试,但它创建了一个错误
$应用程序已在进行中。