访问* ngFor内的无线电输入的检查状态

Question

我有一个类似的模型：

products = [{
    "id":1 ,
    "variety":[
               "color": "#FFFFFF",
               "sizes":[ 
                    {"name":"L"},
                    {"name":"XL"}
                       ]
               ]} ,
 {"id":2, ... } ,
 {"id":3, ... }
]

我有一个观点：

<ng-container *ngFor="let p of products">

    <ng-container *ngFor="let variety of p.variety">
        <img *ngIf="INPUT-REF.checked" src= "{{p.id}}/{{variety.color}}.jpeg">
    </ng-container>


    <div *ngFor="let variety of p.variety">
         <ng-container *ngFor="let size of variety.sizes">
            <p *ngIf="INPUT-REF.checked">{{size.name}}</p>
         </ng-container>
    </div>

    <ng-container *ngFor="let variety of p.variety">
        <input #INPUT-REF type="radio"[name]="product.id" [id]="variety.color">
        <label [attr.for]="variety.color">
    </ng-container>

<ng-container>

现在INPUT-REFs内部ngIf语句的范围不正确，但如果我以INPUT_REFs *ngIf语句中的#INPUT-REF可以访问INPUT-REF来展平我的视图结构1}}正确的，一切正常，但我会得到问题造型我的观点。

现在我的问题是，我如何能够以*ngIf语句正确更新的方式访问其范围之外的Subscription？

谢谢。