惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Apple Machine Learning Research
Apple Machine Learning Research
Google DeepMind News
Google DeepMind News
小众软件
小众软件
GbyAI
GbyAI
酷 壳 – CoolShell
酷 壳 – CoolShell
F
Fortinet All Blogs
博客园 - 三生石上(FineUI控件)
B
Blog
量子位
B
Blog RSS Feed
Vercel News
Vercel News
Blog — PlanetScale
Blog — PlanetScale
Last Week in AI
Last Week in AI
博客园 - 叶小钗
MongoDB | Blog
MongoDB | Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
爱范儿
爱范儿
Jina AI
Jina AI
C
Check Point Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
IT之家
IT之家
H
Hackread – Cybersecurity News, Data Breaches, AI and More
云风的 BLOG
云风的 BLOG

博客园 - Sameen

新手小白学习Cocos Creator笔记 上下文工程学习笔记 什么是vibe ? 什么是 embedding ? angular中asObservable是什么的,为什么需要用? vscode问题 document cookie JavaScript中的Date squash merge Element.scrollIntoView requestIdleCallback [转]React hooks useEffect中如何使用异步函数(即如何使用async/await) css斜条纹背景——linear-gradient 【转】过滤不可见字符 换电脑快捷同步vscode插件和配置 Git自动补全配置安装(Mac版本) Mac上看不到.git目录下的隐藏文件的解决方法 ts 问号点 ?. moment获取本月、上个月、近三个月时间段 iframe优缺点
angular学习笔记
Sameen · 2022-12-26 · via 博客园 - Sameen

*ngSwitch

1. 用法

<div [ngSwitch]="num">
    <div *ngSwitchCase="0"> 0</div>
    <div *ngSwitchCase="1"> 1</div>
    <div *ngSwitchDefault>默认的</div>
</div>

上面的相当于js

switch(num){
    case 0: return 0;
    case 1: return 0;
    default: return '默认的';
}

2. ngSwitchCase如何写多个条件呢?

<div [ngSwitch]="num">
    <div *ngSwitchCase="0"> 0</div>
    <div *ngSwitchCase="(num === 1 || num===4) ? num : ''"  > 1或者4</div>
    <div *ngSwitchDefault>默认的</div>
</div>

上面的相当于js

switch(num){
    case 0: return 0;
    case 1:
    case 4: return '1或4';
    default: return '默认的';
}