Заголовок угловой трубы Неверная ошибка трубы - PullRequest
Новая
       10

Заголовок угловой трубы Неверная ошибка трубы

0 голосов
/ 11 октября 2018

Я хочу применить трубу titlecase с оператором alvis, и она не работает должным образом.В то время как труба 'number' работает должным образом с оператором alvis и TitleCasePipe (), transform () также работает с тем же значением.

Опция 1: <p>Chain: {{information?.chains | titlecase}}</p>

Выдает ошибку ниже:

ERROR Error: InvalidPipeArgument: 'bitcoin' for pipe 'TitleCasePipe'
    at invalidPipeArgumentError (common.js:3953)
    at TitleCasePipe.push../node_modules/@angular/common/fesm5/common.js.TitleCasePipe.transform (common.js:4655)
    at checkAndUpdatePureExpressionInline (core.js:9731)
    at checkAndUpdateNodeInline (core.js:10303)
    at checkAndUpdateNode (core.js:10261)
    at debugCheckAndUpdateNode (core.js:10894)
    at debugCheckRenderNodeFn (core.js:10880)
    at Object.eval [as updateRenderer] (UserMenuComponent.html:8)
    at Object.debugUpdateRenderer [as updateRenderer] (core.js:10872)
    at checkAndUpdateView (core.js:10248)

Опция 2: <p>Chain: {{'bitcoin' | titlecase}}</p> Преобразует строковое значение в «Биткойн», как и ожидалось.

Опция 3: console.log(new TitleCasePipe().transform(this.information.chain)); Преобразует значение переменной «Биткойн» в «Биткойн», как и ожидалось.

Опция 4: <p>Balance: {{information?.balance | number}}</p> Преобразует значение переменной 15603911 в 15 603 911, как и ожидалось.

Как использовать трубу titlecase в представлении html со значениями асинхронных данных?

Ответы [ 3 ]

0 голосов
/ 11 октября 2018

как насчет попытки? 

<p>Chain: {{ (information?.chains || '') | titlecase}}</p>
0 голосов
/ 11 октября 2018

Титульный колонтитул требует, чтобы CommonModule из @ angular / common был включен.Не могли бы вы проверить, если вы добавили этот модуль?

0 голосов
/ 11 октября 2018

Чтобы использовать TitleCasePipe или любой другой канал, который ожидает значение синхронизации, с асинхронными данными, разверните разрешенные / выданные данные с помощью AsyncPipe (работает с обоими Promise и Observable): 

<p>Balance: {{bitcoin$ | async | titlecase}}</p>
...