Раскол значение для повторного использования с угловой

Question

В моем коде у меня есть что-то вроде:

color: {{item.color}} 

, который работает отлично подходит для отдельных элементов, однако иногда я могу получить значение, как:

белый | черный

Как можно разделить эти значения на отдельные элементы?

Я использовал:

ng-bind-html="renderProperty 

однако это действительно не дает мне формат я хотел.

Answer 1

https://docs.angularjs.org/tutorial/step_09

Добавить объект фильтра для вашего приложения, так что вы можете позвонить

{{ item.color | split }}

angular.module('myFilters', []).filter('split', function() { 
    return function(input) { 
    return input.split('|')[0]; 
    }; 
});