Angular2属性指令输出' API'?

时间:2017-01-24 20:46:53

标签: angular

我创建了一个属性"网格"指令,它在自己的模块(GridModule)中。这个模块我导入了另一个模块(DashboardModule),我想在那里使用它。

<div class="dashboard-container"
 [nosGrid]="gridSettings">
<div *ngFor="let tile of tiles"
     [nosGridItem]="tile">
    {{tile}}
</div>

现在调用该指令完全正常,但是当我尝试&#34; export&#34;时遇到了问题。指令中的API(提供锁定网格的功能等)。

class DashboardComponent {
  public tiles: Array<any> = [];
  public gridSettings: INosGridOptions = {
    rows: 15,
    columns: 30
  };

  constructor() {
    // here I want to do something like this
    // NosGridDirective.lockGrid(true)
  }
}

class NosGridDirective {
  public lockGrid(val: boolean) {
    this._grid.lockGrid(val);
  }
}

我想要实现的只是能够锁定网格和其他一些东西(在GridDirective中设置私有变量或调用方法)。

有人知道我该怎么做吗?

非常感谢!

1 个答案:

答案 0 :(得分:1)

如果您添加M2_HOME=/usr/local/apache-maven/apache-maven-3.1.1 export M2_HOME PATH=$PATH:$M2_HOME/bin export PATH export JAVA_HOME="$(/usr/libexec/java_home -v 1.8)" 喜欢

exportAs

你可以像

一样使用它
@Directive({
  selector: '[nosGrid]',
  exportAs: 'nosGrid',
})
class NosGridDirective {
  @Input() gridSettings;

  public lockGrid(val: boolean) {
    this._grid.lockGrid(val);
  }
}