Another month, another minor version of our favorite front-end framework!<\/p>\n\n\n\n
This time around, Zoneless change detection becomes stable (more about Zoneless here<\/a>), so you can remove Zone.js from the equation if you’ve followed the rules<\/a> to make sure Angular will detect your changes properly with OnPush-compatible components.<\/p>\n\n\n\n The @angular\/animations package is deprecated and replaced with a new API using the\u00a0 You can use local aliases in Diagnostics give you hints and feedback on possible mistakes. These apply to instances where your code compiles but is likely doing something wrong. A new diagnostic called You can now use a headless browser with your Vitest unit tests using the builder introduced in v20. This is still experimental, though.<\/p>\n\n\n\n <\/p>\n\n\n\nAnimations<\/h2>\n\n\n\n
animate.enter<\/code>\/animate.leave<\/code>\u00a0syntax as follows:<\/p>\n\n\n <div<\/span> animate.enter<\/span>=\"fade-in\"<\/span> animate.leave<\/span>=\"fade-out\"<\/span>><\/span>My content<\/div<\/span>><\/span><\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\nAliases in blocks<\/h2>\n\n\n\n
if<\/code>, else<\/code>, and else if<\/code> blocks as follows:<\/p>\n\n\n\n\u2060@if<\/span> (currentUser(); as<\/span> user) {\n Welcome user {{ user.name }}!\n} @else<\/span> if<\/span> (expiredSession(); as<\/span> exp) {\n Please log in<\/span>. Your session expired at {{ exp.time }}\n}<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\nNew diagnostics<\/h2>\n\n\n\n
uninvokedFunctionInTextInterpolation<\/code> has been added to warn you when you use a method in a template without calling it (forgot the parentheses).<\/p>\n\n\n\nTesting<\/h2>\n\n\n\n