角度指令中的额外参数始终为空

Question

我在 Angular 中有这样的结构指令

@Directive({ selector: "[access]" })
export class AuthorizationAccessDirective implements OnInit, AfterViewChecked {
    constructor(private templateRef: TemplateRef<any>, private eleRef: ElementRef, private viewContainer: ViewContainerRef) {
    }

    hasView: boolean = false;

    @Input("access")
    _accessInput: string[];

    @Input()
    accessFeatures: any;

    ngAfterViewChecked() {
      this.processAuthorization();
    }

    ngOnInit() {
      this.processAuthorization();
    }
}

使用该指令的 HTML 如下所示

<li routerLinkActive="active" *access="['CAD']" accessFeatures="{'Settings':31}">
...
</li>

我可以得到_accessInput 的值，但是在ngOnInit 和ngAfterViewChecked 两种方法中，额外的参数accessFeatures 始终是undefined。

我将值更改为字符串以简化，但也没有成功：

<li routerLinkActive="active" *access="['CAD']" accessFeatures="31"> 

我将@Input 定义更改为@Input("features") 和@Input("accessFeatures")。

我做错了什么？

Answer 1

如果你有这些inputs

@Input("access")
_accessInput: string[];

@Input()
accessFeatures: any;

那么你可以像这样使用它：

<li *access="['CAD']; features: {'Settings':31}">
   ...
</li>

（也可以省略;或替换为,）

因为它会变成

<ng-template [access]="['CAD']" [accessFeatures]="{'Settings':31}">
  <li>
  </li>
</ng-template>

Plunker Example

另见

• Angular2: How is ngfor expanded

附：如果您有疑问，可以随时查看source code