Угловая ошибка [$ interpolate: interr] для примененного фильтра

Question

Угловая ошибка [$ interpolate: interr] для примененного фильтра

0

Привет У меня есть фильтр, который заменяет \n на \n\n, когда я использую этот фильтр для своих json-данных. Я получаю сообщение об ошибке. Can't interpolate: {{ post.description|nlToArray }} TypeError: Cannot read property 'replace' of undefined

Мой фильтр

sampleApp.filter('nlToArray', function() {
  return function(text) {
      return text.replace(/\n/g, '/\n\n');
  };
});

отображение данных, полученных из json api

HMTL

<p class="blog-post-title">{{ post.title }}</p>
<p class="blog-post-meta"><i class="fa fa-clock-o">&nbsp {{ post.pub_date|date  }}</i> </p>
<span style="white-space: pre-line">{{ post.description|nlToArray }}</span>
<br />

Мои данные json

[{"id":1,"title":"Israels desert city of Beersheba is turning into a cybertech oasis","description":"morphing into a tech oasis.\r\nThe militarys massive relocation of its prestigious technology units.\r\nBeersheba has all of the ingredients of a vibrant security technology ecosystem, \r\n"All in all, projections are that 20,000-30,000 \r\nThe commercial sector has teamed up  cyber attacks.","pub_date":"2016-03-20T10:48:19.394643Z"},{"id":2,"title":"These are testing times: mavericks vs. ice people","description":"One of my earliest engineering jobs, before I fled hardware in favor of the (relative). \r\nThe practice of engineering soon teaches one that, .\r\nSo what do we do? We practice defense in depth. We follow the robustness principle. We "always code as \r\n…Yeah, well, thats the idea. For my day job at HappyFunCorp I do a lot of interviews, and almost every junior develope.\r\nI dont necessarily blame them. You can make  go.","pub_date":"2016-03-20T10:50:07.965930Z"}]

Чтобы быть более понятным, описание в json выглядит так

morphing into a tech oasis.\r\nThe militarys massive relocation of its prestigious technology units.\r\nBeersheba has all of the ingredients of a vibrant security technology ecosystem, \r\n"All in all, projections are that 20,000-30,000 \r\nThe commercial sector has teamed up  cyber attacks.

Каким может быть возможное решение... Спасибо заранее

Coeus 22 март 2016, в 06:29

Источник

0

Что вы видите, если вы удалите фильтр? Т.е. просто попробуйте отобразить post.description как есть
Phil 22 март 2016, в 04:51
0

Да, но я вставляю 2 новых символа строки .......... это делается с помощью фильтра ...... Если я удаляю фильтр, он работает нормально
Coeus 22 март 2016, в 04:53
0

Это странно. Вы уверены, что у вас нет опечатки в аргументах функции, т.е. она определенно имеет return function(text) { ... а не return function(txt) или что-то еще?
Phil 22 март 2016, в 04:56
0

Спасибо Фил ........ Решение Harpreet сработало ....... Спасибо за ваше время, чтобы помочь мне .......... ура
Coeus 22 март 2016, в 04:59

Показать ещё 2 комментария

Теги:

javascript

angularjs

json

angular-filters

1 ответ

Ещё вопросы

Что вы видите, если вы удалите фильтр? Т.е. просто попробуйте отобразить post.description как есть
Да, но я вставляю 2 новых символа строки .......... это делается с помощью фильтра ...... Если я удаляю фильтр, он работает нормально
Это странно. Вы уверены, что у вас нет опечатки в аргументах функции, т.е. она определенно имеет return function(text) { ... а не return function(txt) или что-то еще?
Спасибо Фил ........ Решение Harpreet сработало ....... Спасибо за ваше время, чтобы помочь мне .......... ура

Harpreet · Accepted Answer · 2016-03-22T03-02-00.000Z

Сделать код нулевым, заменив

sampleApp.filter('nlToArray', function() {
  return function(text) {
      return text.replace(/\n/g, '/\n\n');
  };
});

с

sampleApp.filter('nlToArray', function() {
  return function(text) {
      if (text) 
        return text.replace(/\n/g, '/\n\n');
      else
        return text;
  };
});

Спасибо Harpreet ............ вы решение работали ............
@Coeus Я не совсем уверен, почему это сработало. Я бы сказал, что по крайней мере одна из ваших записей данных не имеет свойства description
@Phil: Coeus ответил на это, также это было упомянуто в журналах ошибок в оригинальном сообщении :)