ngrxLet:异步管道的更好版本

昨天，我们提到如何异步管材可配合使用* ngIf或* ngFor在我们的模板中声明一个局部变量，允许我们使用相同的数据有多个表达式:

             
             

              <div＊ngIf＝"user$ | async as user"><p>名字:{{用户。firstName}}p><p>姓:{{用户。lastName}}p>div>
             
代码语言:HTML、XML（xml）

虽然上面的代码运行得很好，但添加其他代码并不总是很方便* ngIf或* ngFor在我们的模板中。异步管道的另一个缺点是它不让我们知道是否可观测的发生错误或成功完成。

这就是ngrxLet指令可以解决问题，因为它用简单的语法解决了上述所有缺点。我们之前的例子变成:

             

              <div＊ngrxLet＝"user$ as user"><p>名字:{{用户。firstName}}p><p>姓:{{用户。lastName}}p>div>
             
代码语言:HTML、XML（xml）

如果我们想要获得任何错误或可观察对象的完成状态，我们可以通过暴露的更多局部变量来实现ngrxLet：

             

              <div＊ngrxLet＝“user$ as user;误差为e;完整为c">
             
代码语言:HTML、XML（xml）

你可以找到完整的工作示例．ngrxLet可以使用NPM作为依赖项安装(NPM install @ngrx/component)，重要的是要注意它不是全部ngrx状态管理库，只是它的一个很小的子集，所以使用该指令不需要使用其他任何东西ngrx．

如果你想深入了解，这里有一个稍微扩展版本的教程链接，其中有更多信息:ngrxLet -一个更好的异步管道版本．