昨天,我们提到如何异步
管材可配合使用* 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 -一个更好的异步管道版本.