小编Jam*_*der的帖子

mat-autocomplete:选择后需要重置选项列表

我有一个 mat-autocomplete 组件,其中的选项已连接,可以在用户键入时从服务调用中填充(部分搜索):

<mat-autocomplete #auto="matAutocomplete" (optionSelected)="areaSelected($event.option.value)">
      <mat-option *ngFor="let option of options" [value]="option">{{ option }}</mat-option>
</mat-autocomplete>
Run Code Online (Sandbox Code Playgroud)

在我的 TS 代码中,当用户选择一个值时,我在处理结束时将选项数组设置为空数组:

  resetFetchedOptions() {
    this.options = [];
}
Run Code Online (Sandbox Code Playgroud)

这是因为代码被调用,并且 this.options 设置为空数组。问题是,当用户尝试在字段中键入另一个值时,之前的选项仍然存在。如果他们输入,选项将被清除,并且基于部分搜索的新选项将被填充,所以我认为这是一个渲染问题,但我对 Angular Material 有点陌生,所以我不确定这是否是错误的方法或者我错过了一个步骤。

谢谢!

javascript angular-material angular mat-autocomplete

7
推荐指数
1
解决办法
6073
查看次数

AG-Grid - 如何在我的单元格数据中插入换行符

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

现在它正在这样做:

《总结一总结二》

我希望它这样做:

《总结一
总结二》

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

谢谢,詹姆斯

ag-grid ag-grid-ng2

6
推荐指数
2
解决办法
9101
查看次数

从 Angular 2+ 中的 Kendo 网格中获取所选行的列表

我在 Angular 4 应用程序中使用 Kendo for Angular 网格。我将 selectable 设置为“true”,我的网格中的一列带有 kendo-grid-checkbox-column,并将 selectionChange 设置为一个将事件参数作为参数的函数。

在我的 selectionChange 处理程序中,无论选择了多少行,事件参数上的 selectedRows 数组中都只有一个值。

谢谢,詹姆斯

我的代码:

    onGridSelectionChange(event: SelectionEvent) {
        debugger;
        console.log(event.selectedRows.length); // this is always 1
    };
Run Code Online (Sandbox Code Playgroud)
<kendo-grid *ngIf='!isLoading' style="width:100%; height: inherit;" class="ag-fresh" [data]='gridView' [selectable]="true"
            [pageSize]='pageSize' [skip]='skip' [pageable]='true' (pageChange)='onGridPageChange($event)'
            (selectionChange)='onGridSelectionChange($event)'>
Run Code Online (Sandbox Code Playgroud)

javascript kendo-ui kendo-grid angular

5
推荐指数
2
解决办法
5796
查看次数

使用Gulp运行业力测试时出现"模块未定义"错误

我的团队正在努力从Grunt搬到Gulp.我有一个很好的Grunt测试任务,但是当我尝试运行测试时(使用gulp-karma)我收到一条错误,上面写着"ReferenceError:找不到变量:module"

我用Google搜索并发现很多帖子都说要检查我的angular-mocks.js文件的位置,并且它位于正确的空间(我的Grunt任务对于相同的代码确实有效).

为了验证在我的代码中它不是一个奇怪的东西,旋转一个新的角度应用程序,并能够复制错误.

我的猜测是我错过了配置值或步骤或其他东西.有什么建议?

谢谢.

angularjs karma-runner gulp

4
推荐指数
2
解决办法
5764
查看次数