角稳步发展,与主要版本每六个月,每个月小版本,并根据需要每周补丁版本。

以来第一次版本角15几天前被释放。虽然是一个小版本,仍有一些值得注意的更新更不用说。

自动关闭的标签

这可能不是一件大事,但喜欢写更简洁的代码的开发人员将会高兴得知角15.1现在支持自动关闭的标签。

这意味着,我们要做的:当使用组件之前

<组件> < /组件>

现在可以替换为以下几点:

<组件/ >

开发人员经验的简单变化而有所改善。

CanMatch警卫

这很有趣,因为它可以改变你如何配置您的路线。让我们考虑下面的例子:

const路线:路线[]= [{
路径:/用户,
canMatch:[() = >注入(LoginService) .isLoggedIn ()),
loadChildren:() = >进口(“。/用户页面/ user-details.module”)
});

CanMatch将调用时/用户访问,可以防止延迟加载指定的模块。

这是CanLoad警卫队已经做了,但抓CanLoad是,它不会被称为代码后再加载,这意味着我们需要添加吗CanActivate警卫在上面,在这里:

const路线:路线[]= [{
路径:/用户,
canLoad:[() = >注入(LoginService) .isLoggedIn ()),
canActivate:[() = >注入(LoginService) .isLoggedIn ()),
loadChildren:() = >进口(“。/用户页面/ user-details.moudule”)
});

CanMatch修复这种行为,因为它就像一个组合CanLoad + CanActivate。

另一个有趣的的行为CanMatch是,如果它返回false对于一个给定的路线,另一条路径的同名仍然可以匹配,这消除了需要重定向在我们的警卫。

这是一个例子:

const路线:路线[]= [
{
路径:/用户,
canMatch:[() = >注入(LoginService) .isAdmin ()),
loadComponent:() = >进口(“。/ admin页面/ admin-details.component”)
},
{
路径:/用户,
canMatch:[() = >注入(LoginService) .isLoggedIn ()),
loadComponent:() = >进口(“。/用户页面/ user-details.component”)
}
]

正如您可以看到的,路线都是配置的/用户路径,但是如果用户是管理员用户,他们会降落在一个AdminDetails组件,如果他们是一个普通用户,他们将土地上UserDetails组件。

CanLoad现在正式弃用的吗CanMatch。

作为边注,这些例子中使用函数警卫和延迟加载独立的组件,两个新增以来框架角14。

的完整的版本说明15.1关于角的更多细节。

我的名字是betway必威滚球。我是谷歌开发者角度,专家顾问和教练角训练我帮助web开发团队学习和熟悉角。

如果你需要任何帮助web开发,随时取得联系!

如果你喜欢这篇文章,请为它鼓掌或分享它。我总是感激你的帮助。你也可以订阅我的文章和订阅我的每日角通讯获得有用的日常小贴士。