我的Angular应用程序中有一个名为access
的组件,它可以帮助我根据一些输入参数决定用户是否应该能够访问我的UI上的某个选项卡。
例如:
<access type="type" name="name" feature="feature"></access>
你可以想象有些可能只受一种输入参数的限制,但是其他一些输入参数可能需要拥有所有输入ANDED (&&)
,以便允许访问。
是否可以根据具体情况在我的组件中获取当前设置的所有输入(如果有多于1个),然后AND
它们一起得到一个访问?
我目前正在做类似的事情:
@Input()
public set accesses(value: string[]) { // loop through each and && }
该组件看起来像:
@Input()
public set type(value: string) {
this.hasAccess = this.myService.hasAccess(value);
}
对于每个输入(type
,name
,feature
)
可能,对于我的数组中的每个元素,我可以&&
每个元素的结果,最后在模板上使用hasAccess
:
访问组件
<span *ngIf="hasAccess">
<ng-content></ng-content>
</span>
对此有更优雅的解决方案吗?
由于