javascript - 如何在 ngx-treeview 中更改占位符

Question

我们如何使用适当的方法更改树视图的占位符

providers: [
 {
   provide: TreeviewI18n, useValue: Object.assign(new TreeviewI18nDefault(),{
    getFilterPlaceholder(): string {
       return ' search Library ...';
    }
  })
 }
]

使用上述方法，我实现了相同的效果，但似乎它在生产时间上被打破了，我的意思是如果有更好的方法来更改占位符文本

Answer 1

实际上 ngx-treeview 将 TreeviewI18nDefault() 类重命名为 DefaultTreeviewI18n() 您可以更改此类并使用它来更改占位符

您可以在共享模块或组件上使用此代码

import {
    DefaultTreeviewI18n, DropdownTreeviewComponent, TreeviewI18n, TreeviewModule,
} from 'ngx-treeview';



providers: [
    DropdownTreeviewComponent,
    {
        provide: TreeviewI18n, useValue: Object.assign(new DefaultTreeviewI18n(), {
            getFilterPlaceholder(): string {
                return 'your custom placeholder';
            },
            getAllCheckboxText(): string {
                return 'your custom placeholder';
            },
            getFilterNoItemsFoundText(): string {
                return 'your custom placeholder';
            },
        }),
    }
]

如果需要，您可以使用其他方法，这里有其他方法的列表