typescript Angular中的管道

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typescript Angular中的管道相关的知识,希望对你有一定的参考价值。

@Component({
    selector: 'sandbox',
    template: `
        <h1>Hello World</h1> 
        <p>My birthday is {{birthday|date:"MM-dd-yy"}}</p>
        <p>I was born in {{birthday|date:"yyyy"}}
        <p>I love {{'cake'|uppercase}}</p>
        <p>I hate {{'cats'|lowercase}}</p>
        <p>Your total is {{ total | currency:"GBP":"1" }}</p>
        <p>Our fee is {{ fee | percent }}</p>
        `
        // can also create our own custom pipes
})

export class SandboxComponent {
    birthday = new Date(1981, 1, 15);
    total = 500;
    fee = 0.5;
}

以上是关于typescript Angular中的管道的主要内容,如果未能解决你的问题,请参考以下文章

typescript Angular2文本突出显示管道

typescript Angular 5安全html管道

typescript 测试具有依赖关系的管道。 https://medium.com/google-developer-experts/angular-2-testing-guide-a485b6cb

Angular 9即将发布:改进Ivy编译和渲染管道

Angular 中的不纯管道是啥?

TypeScript 中的 Angular 材质示例:芯片