Angular 路由——实现认证登录

Angular 路由 CanActive 属性可以帮助我们在此实现一些逻辑,来决定用户是否可以访问这个路由。它也是路由守卫的一种。

CanActive

CanActive 属性对应的是一个实现了 CanActive 接口的服务。这里是 AuthGuard。

AuthGuard 在实现 CanActive 接口中返回一个布尔值(或相关其他重载)来告诉 Angular 是否应该激活这个路由。

参考链接

CanActive 官方文档

Angular 自定义双向绑定

ngModal 是 Angular 最常用接触到的双向绑定的语法。但是如何自定义一个双向绑定?在 Angular 中,我们可以很方便地使用内置语法来实现。

自定义双向绑定

双向绑定其实是属性绑定和事件绑定的语法糖。。若我们在组件中定义了这样两个形式的变量: @Input() xxx 和 @Output() xxxChange。

那么我们采用如下方式在这个组件上使用双向绑定语法。

Angular 在模板解析的时候会自动将此语法展开,如下所示。

(完)

参考链接

Create your own two-way data binding in Angular