🚀功能请求

相关包

此功能请求适用于@angular/common

描述

ES2015允许解构赋值,例如var {a, b} = {a: 2, b: 3}。
在Angular模板中，我们目前可以使用诸如

<div *ngIf="thing$ | async as thing">

的构造。
在某些情况下，能够在模板中进行解构赋值将会非常有帮助。我可能会期望这样可以工作：

<div *ngIf="thingAndOther$ | async as {thing, other}">

假设thingAndOther$发出的对象看起来像{thing: ... , other: ...}

替代方案

在模板中有ngIf-免费的方式进行局部赋值(参见#15280)可以减少对这个功能的需求。根据IgorMinar在此的评论，我可能会期望它看起来像这样

<div *ngIf="thingAndOther$ | async as thingAndOther" #[thing]="thingAndOther.thing" #[other]="thingAndOther.other" >

,尽管这比直接解构赋值来得不那么方便。