角度自定义过滤器不工作在Firefox

我有一个问题在Firefox（测试和铬和IE浏览器工作），自定义过滤器不起作用。这里是重复的模板：角度自定义过滤器不工作在Firefox

<img src="/Images/blank.gif" ng-class="a.VolunteerStatus | classSwitch:{1:'icon assignment_status assignment_empty',2:'icon assignment_status assignment_inactive',3:'icon assignment_status assignment_unverified',4:'icon assignment_status assignment_verified'}" ng-click="toggleVolunteerStatus(a)" title="" />

这基本上是一个具有基于底层状态切换css类的图像。这里是我的模块中的过滤器：

departmentModule.filter('classSwitch', function() { 
     return function (input, map) { 
      return map[input] || ''; 
     }; 
    });

火狐显示没有错误在控制台，但在Firefox的过滤器，无论底层数据的总是返回第二个开关。因此，所有的元素具有类：图标assignment_status assignment_inactive

如果有帮助，这里是在Firefox中呈现的元素：

<img class="icon assignment_status assignment_inactive" src="/Images/blank.gif" ng-class="a.VolunteerStatus | classSwitch:{1:'icon assignment_status assignment_empty',2:'icon assignment_status assignment_inactive',3:'icon assignment_status assignment_unverified',4:'icon assignment_status assignment_verified'}" ng-click="toggleVolunteerStatus(a)" title="">

见plunker here礼貌Marck的。

任何想法的开发人员？你的时间阅读这是非常感谢。谢谢。

来源

2014-05-08 user1191559

对此有点困惑：在你说的问题的描述中，“所有的元素都有class：icon assignment_status assignment_empty”，但是在Firefox呈现的片段中，类是“icon assignment_status assignment_inactive” –

Hi @Marck，错字 - 问题被调整。感谢提货。 – user1191559

在Firefox 29中测试此[Plunker]（http://plnkr.co/edit/fzA6AbRnb2gVWSdrBToc?p=preview）时，我并未发现这种情况。每当我更改'a.VolunteerStatus'的值1和4，设置了不同的类别。你在浏览器中看到什么？ –

你的CSS使用Firefox不识别非标准财产...

例如，这样的：

background-position-y: -20px;

应该是：

background-position: 0 -20px

我替换了this Plunker中的那些属性，其中显示的图标在Firefox中更改为哟你更新你的范围属性。

来源

2014-05-08 14:49:44

不能相信这个答案是多么简单.... Thanks @Marck！真的很感激！工作过一种享受。谢谢 – user1191559

我想我正面临类似的问题。是否有包含这些非标准列表及其支持的等价物的资源？ –

角度自定义过滤器不工作在Firefox

回答

相关问题