Javascript 是否可以创建一个强制使用角度过滤器的css类?
是否可以创建一个强制使用角度过滤器的css类 例如,我想让一个表格单元格显示一个值,该值将始终是右对齐的,颜色为矢车菊蓝色,并使用角度过滤器进行格式化(在本例中,我将选择货币) 我目前正在使用以下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> {
.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
也是我第一次尝试,但它创建了一个错误$应用程序已在进行中。
。