[Angular] Angular i18n Alternative Expressions Support (select)

转载于 2019-02-11 22:52:00 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/10363526.html

文章标签：

#javascript #ViewUI

本文介绍如何在 Angular 应用中使用 i18n 功能，通过示例展示了如何将 ngSwitch 转换为 i18n 的 'select' 关键词，实现课程类别本地化的转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

For example we have those code:

    <div class="course-category" [ngSwitch]="course.category">

        <div class="category" *ngSwitchCase="'BEGINNER'">Beginner</div>

        <div class="category" *ngSwitchCase="'INTERMEDIATE'">Intermediate</div>

        <div class="category" *ngSwitchCase="'ADVANCED'">Advanced</div>

    </div>

ngSwith code, and we want to convert to i18n as well, we can use 'select' keyword:

    <div class="category" i18n>

        {
            course.category,
            select,
            BEGINNER {Beginner}
            INTERMEDIATE {Intermediate}
            ADVANCED {Advanced}
        }

    </div>

转载于:https://www.cnblogs.com/Answer1215/p/10363526.html