我怎样才能访问组件代码的模板生成的局部变量？

Question

也许我在想完全错误的方向。 但是我想做的是在组件中调用模板中定义的变量的值。

<button (click)="download()">...</button>

<ng-container *ngIf="objectlist | filterSort: sortColumnService.sortTerm() as filteredSkaterlist">
    ...
</ng-container>

有什么干净的方法可以访问组件的 function 中的filteredSkaterlist吗？ 将filteredSkaterlist作为参数发送，例如click()不是一个选项，因为按钮不在 scope 之内。

@Component({...})
export class MyComponent {
    ...
    download() {

        // access value of filteredSkaterlist

    }
}

Answer 1

你能试试这个方法吗？

<ng-container *ngIf="objectList()">
...
</ng-container>

我已经用 *ngIf 的结构指令定义了 objectList() 方法。 我们可以在组件 class 中定义 objectList() 方法，并根据条件返回 true 或 false。

@Component({...})
export class MyComponent {
   
    objectList() : boolean {

        // access value class objects and return true false value

    }
}