FireFox 中的$插值错误

2024-04-04

我的日期从数据库中出来,如下所示:2013-11-21 17:43:20

以下代码在 FireFox 中存在错误,但在 Chrome 中完美运行:

<ul class="job-lookup-results" ng-show="data" style="padding:0 10px;">
    <li class="job-lookup-result" ng-repeat="result in data" style="margin:5px 0; font-size:80%;"><a href="/admin/jobs/edit/{{result.Job.id}}" class="job-lookup-result-link">{{result.Job.name}}</a> ({{result.Job.id}}), {{result.Company.name}}, {{result.Job.created | dateToISO | date:'shortDate'}}</li>
    <li class="job-lookup-result" ng-hide="data.length > 0">No matches found.</li>
</ul>

这是错误:

[15:17:40.890] "Error: [$interpolate:interr] http://errors.angularjs.org/1.2.5/$interpolate/interr?p0=%20(%7B%7Bresult.Job.id%7D%7D)%2C%20%7B%7Bresult.Company.name%7D%7D%2C%20%7B%7Bresult.Job.created%20%7C%20dateToISO%20%7C%20date%3A'shortDate'%7D%7D&p1=RangeError%3A%20invalid%20date
...

我不明白这个错误,但如果它与我的自定义过滤器有关,它是:

app.filter('dateToISO', function() {
  return function(input) {
    input = new Date(input).toISOString();
    return input;
  };
});

Update当我删除| dateToISO |有用。所以它似乎连接到自定义过滤器。


好的,由于 FireFox 对错误的日期格式感到不满(Chrome 会忽略它),因此您必须手动修复格式。过滤器仍然是要走的路。

Markup:

<div>{{Object.created | badDateToISO | date:'shortDate'}}</div>

JavaScript:

app.filter('badDateToISO', function() {
  return function(badTime) {
    var goodTime = badTime.replace(/(.+) (.+)/, "$1T$2Z");
    return goodTime;
  };
});

此处进行现场演示(点击)。 http://jsbin.com/IfABOqoz/4/edit

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

FireFox 中的$插值错误 的相关文章

随机推荐