e-adsense-account","content":"ca-pub-5834256338017594"}],["$","meta","6",{"name":"google-site-verification","content":"W3xG0R8ES_dhlXhNnP1VNN03oAQG2hYF_1ZCpf5ETak"}],["$","meta","7",{"property":"og:title","content":"Angular @switch / Powered by Dev Resource / dev-resources.site 💗"}],["$","meta","8",{"property":"og:description","content":"Angular has released the new '@switch' block syntax similar to Javascript How does this... / Powered by Dev Resource / dev-resources.site 💗"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"Angular @switch / Powered by Dev Resource / dev-resources.site 💗"}],["$","meta","11",{"name":"twitter:description","content":"Angular has released the new '@switch' block syntax similar to Javascript How does this... / Powered by Dev Resource / dev-resources.site 💗"}],["$","link","12",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"16x16"}]] 3:null 14:T55e,

Angular has released the new '@switch' block syntax similar to Javascript

How does this work?

The @switch blocks displays content selected by one of the cases matching against the conditional expression
The @default block is optional and can be omitted. If no @case matches the expression and there is no @default block, nothing is shown
@switch does not have fallthrough, so you do not need an equivalent to a break or return statement.

Angular docs

4:["$","div",null,{"className":"p-1","children":[["$","div",null,{"children":["$","div",null,{"className":"mb-4 prose prose-sm md:prose-base prose-invert prose-neutral max-w-none","children":[["$","div",null,{"className":"mb-4 rounded-xl grid grid-cols-1 border border-neutral-800 divide-y divide-neutral-800 overflow-hidden","children":[["$","div",null,{"className":"p-2 px-4 py-6 flex flex-row justify-between bg-neutral-900 relative","children":["$","h1",null,{"className":"pb-0 mb-0","children":"Angular @switch"}]}],["$","div",null,{"className":"p-2 px-4 flex flex-row justify-between bg-neutral-900 relative","children":[["$","div",null,{"className":"font-bold text-foreground text-xs md:text-base flex items-center justify-center","children":"Published at"}],["$","div",null,{"className":"text-xs flex items-center justify-end space-x-3 text-foreground/60","children":["$","div",null,{"className":"inline-flex text-amber-500 text-xs opacity-80","children":"11/8/2023"}]}]]}],["$","div",null,{"className":"p-2 px-4 flex flex-row justify-between bg-neutral-900 relative","children":[["$","div",null,{"className":"font-bold text-foreground text-xs md:text-base flex items-center justify-center","children":"Categories"}],["$","div",null,{"className":"text-xs flex items-center flex-wrap justify-end gap-2 text-foreground/60","children":[["$","div","0",{"className":"inline-flex bg-amber-500 text-neutral-950 px-1 rounded text-xs opacity-80","children":"angular"}],["$","div","1",{"className":"inline-flex bg-amber-500 text-neutral-950 px-1 rounded text-xs opacity-80","children":"angular17"}],["$","div","2",{"className":"inline-flex bg-amber-500 text-neutral-950 px-1 rounded text-xs opacity-80","children":"typescr