Angular 14有什么新特性?< / h1 >

Angular 14在几周前发布了。新的框架版本包含了很多有趣的功能，开发人员已经要求了一段时间。< / p >

让我们一个一个地深入研究这些新的主要功能。< / p >

输入形式< / h1 >
在使用Angular 14+创建表单时，类型信息会在所有可用的类和方法中被保留和检查。< / p >
这意味着我们的ide现在可以帮助我们更多:< / p >

在不同的场景中支持智能自动补全的类型化表单说明

关于这个功能最好的消息是，它不需要开发人员进行任何工作或代码更新。api保持不变。我们只是在检查它们的类型!< / p >

独立组件(开发人员预览)< / h1 >

独立组件是一种用Angular创建无模块组件、管道和指令的新方法。< / p >

这样的类不必在any的声明数组中列出ngModule．< / p >

下面是一个独立组件的例子:< / p >

@ component ({
独立:没错,
选择器:“你好”,
模板:
<标题>你好{{名称}}!< / h1 >
'})
导出类HelloComponent {
@Input()名称:字符串;
｝

正如您在上面的示例中所看到的，拥有一个独立组件所需要的只是添加该选项独立:真到组件装饰器，它也使用指令和管道。< / p >

独立组件的唯一缺点是它们不从模块继承任何依赖项，因为它们没有任何依赖项。< / p >

因此，必须列出依赖项并导入到组件选择器中:< / p >

@ component ({
独立:没错,
选择器:“你好”,
导入:[ReactiveFormsModule, OtherChildComponent]
模板:
<标题>你好{{名称}}!< / h1 >
< p >
输入你的名字:

< / p >
”,
})
.．.

这个特性还在开发者预览版中，Angular团队警告我们API仍然可以更改，但是我们可以使用独立的组件。< / p >

有关该功能的更多信息，请点击官方指南的链接:https://angular.io/guide/standalone-components

路由配置中的页面标题< / h1 >

这是一个很小的变化，但非常有用。现在我们可以在路由配置中为Angular路由添加标题选项了。这样的标题将被路由器拾取，并在导航到所述页面时用作页面标题:< / p >

export const routes: routes = [{
路径:“回家”,
组件:ExampleComponent,
标题:“主页”，
},{
路径:“你好”,
组件:HelloComponent,
标题:'Hello组件'，
});

绑定到受保护的组件成员< / h1 >

这是我最喜欢的变化之一。在Angular 14之前，我们必须创建一个类属性公共在组件的HTML模板中使用它。< / p >

在v14中，我们现在可以创建这样的属性受保护的，当然，这是更多的”私人" than "公共，结果，一个非常好的想法:< / p >

@ component ({
选择器:“组件”,
模板:{{message}}'， //现在编译!
})
导出类MyComponent {
受保护的消息: string = 'Hello world';
｝

所有这些更新都在这方面发挥作用Stackblitz例子：< / p >