小编Jar*_*ser的帖子

我在 Angular 4 中使用 ag-grid。我希望能够在运行时更改各个列标题的背景颜色。

似乎我必须在coldefs 中使用 headerComponentFramework 属性，但我不知道如何使用它。有人有想法吗？

问候，亚历克斯

尝试在ag-grid中默认选择第一行.根据ag-grid文档,我应该可以使用NodeSelection Api(https://www.ag-grid.com/javascript-grid-selection/?framework=all#gsc.tab=0)来完成此操作.但我根本无法访问节点对象.HTML文件

<div class="pulldown panel panel-default">
          <div class="panel-heading">{{rulesSummaryTitle}}</div>
          <ag-grid-angular #agGrid   class="ag-fresh ag-bootstrap"
                           [gridOptions]="gridOptions"
                           [rowData]="rowData"
                           [columnDefs]="columnDefs"
                           [enableSorting]="true"
                           rowSelection="single"
                           [pagination]="true"
                           [suppressCellSelection]="true"
                           (gridReady)="onGridReady($event)"
                           (rowSelected)="onRowSelect($event)">
          </ag-grid-angular>
      </div>

我在"onGridReady"方法中调用节点选择api但错误输出错误消息"无法调用setSelected on undefined".

public onGridReady(event: any): void {
    event.api.sizeColumnsToFit();
    this.gridOptions.api.node.setSelected(true);
  }

我是 AG-Grid 的新手，如果这是一个愚蠢的问题，请原谅我。我们在 Angular 5 应用程序中使用 Ag-Grid 的 OSS 版本。我有一个专栏，我将两组汇总数据组合在一起并显示它们。我想在两段文字之间换行。

现在它正在这样做：

《总结一总结二》

我希望它这样做：

《总结一
总结二》

到目前为止，我已经尝试过 HTML 中断标记，\r\n 和 \n 并且没有任何效果。这是可能的吗？

谢谢，詹姆斯

我开始冒险参加Angular2的一个业余项目，遇到了我不知道如何调试或搜索的内容。

我开始使用ng2-play储存库。

我有两个简单的类（本文中的代码已大大简化）：

words-ui.js

export class WordsUI {
  constructor() {
    new Words(data => this.words = data);
  }
}

words-ui.html

<ol *if="words" reversed>
  <li *for="#entry of words" title="Word for week starting {{entry.date}}">{{entry.word}}</li>
</ol>

words-data.js

export class Words {
  constructor(cb) {
    firebase
      .child('words')
      .on('value', data => cb(data.val()));
  }
}

唯一无法正常工作的是“范围”，它识别出属性的值words已更新。这意味着，当UI加载时，单词列表中将不显示任何内容。如果然后我通过UI将一个单词添加到列表中，则会显示所有单词以及添加的单词。或者，如果我输入setTimeout来“重新加载” words具有其自身值的属性，则会显示它们。

我想我没有为此使用正确的模式，但是在哪里可以找到哪种模式更适合这种情况。我对新的ES6模块系统以及TypeScript和AngularJS 2感到迷茫。

我想我已经提供了代码的相关部分来说明问题，但如果没有，请告诉我，我将继续努力以取得更好的结果。

更新1：添加了视图文件。words对WordsUI实例的“上下文” 所做的更改不会反映出来。

我正在尝试设置输入样式,使其具有一定的宽度.我正在使用Angular Material 2但由于某种原因,css中的样式未应用于输入标记.以下是我的问题以及受影响的代码的工作插件:

@Component({
  selector: 'my-app',
  template: `
  <div>
    <form>
      <md-input [(ngModel)]="cycleTime" type="number" name="email">
        <span md-prefix>Cycle Time:</span>
        <span md-suffix>&nbsp;minutes</span>
      </md-input>
    </form>
  </div>
  `,
  styles:[`
      input {
        width: 50px;
        text-align: right;
      }
    `],
  directives: [MdButton, MdInput]
})
export class AppComponent { 
  cycleTime = 1

  constructor() {}
}

如何设置Angular Material 2创建的输入的样式？

我正在将 ag-grid （免费）与 Angular 1 一起使用，并且我已经根据需要显示了树数据，其中节点的子节点位于其右侧的列中。但是，我想要做的是双击时折叠或展开节点。现在只专注于让它们折叠，因为我的默认视图设置为展开。这是我的双击事件的代码，在 $scope.gridOptions 中给出：

onCellDoubleClicked: function(event){ 
                                      event.node.expanded = false;
                                      $scope.gridOptions.api.refreshView();
                                     };

我的假设是，将 Expanded 属性更改为 false 会导致刷新视图调用重新渲染子节点折叠的网格，但双击后视图保持不变。

另外，我的 getChildNodeDetails 在 gridOptions 中：

getNodeChildDetails: function(obj){
                if (obj.children){
                    var nodeType = obj.breakdownCol;
                    return {
                        group: true,
                        expanded: obj.expanded || true,
                        children: obj.children,
                        field: 'name',
                        key: obj[nodeType]
                    }
                } else {
                    return null;
                }
            }

关于如何在不购买企业的情况下解决此问题的任何想法？我知道在企业中您可以对行进行分组，这带有内置的展开/折叠功能。

当我使用 ag-grid 自己exportDataAsExcel()的表格将表格导出到 excel 时，生成的 excel 包含日期作为General数据类型而不是Date。

[]

我用过这个：

exportDataAsExcel({
   processCellCallback: ({col, val}) => {( /*date value formatting here*/ )}
})

格式化两个Date，string适当日期格式(DD/MM/YYYY)，但我不能让Excel的正确识别这些细胞的日期，而不是一般

这可以通过其网站上的 excel 导出示例重现：https : //www.ag-grid.com/javascript-grid-excel/?framework=all#gsc.tab=0