import { Editor, Toolbar } from 'ngx-editor';
toolbar: Toolbar = [['bold', 'italic', 'bullet_list', 'ordered_list']];
Я хочу сохранить приведенные выше значения панели инструментов как константы или переменные. Ожидаемое поведение -
Случай 1: Сделайте это константами и используйте.
текст-formatting.const.ts
export const TEXT_FORMATTING_TYPE = {
BOLD: 'bold',
ITALIC: 'italic',
BULLET_LIST: 'bullet_list',
ORDERED_LIST: 'ordered_list'
}
abc.comComponent.ts
import {TEXT_FORMATTING_TYPE} from '../../constants';
toolbar: Toolbar = [[ TEXT_FORMATTING_TYPE.BOLD, TEXT_FORMATTING_TYPE.ITALIC, TEXT_FORMATTING_TYPE.BULLET_LIST, TEXT_FORMATTING_TYPE.ORDERED_LIST]];
Случай 2: Сделайте это как переменные и используйте.
abc.comComponent.ts
bold: ToolbarItem;
italic: ToolbarItem;
bulletList: ToolbarItem;
orderedList: ToolbarItem;
toolbar: Toolbar = [[ this.bold, this.italic, this.bulletList, this.orderedList ]];
Я попробовал оба способа, но, кажется, ничего не работает. Может ли кто-нибудь помочь мне найти решение этой проблемы? Спасибо.
Просто введите значения ToolbarItem[]
, это решит вашу проблему!
...
toolbar: Toolbar = [
<ToolbarItem[]>[
TEXT_FORMATTING_TYPE.BOLD,
TEXT_FORMATTING_TYPE.ITALIC,
TEXT_FORMATTING_TYPE.BULLET_LIST,
TEXT_FORMATTING_TYPE.ORDERED_LIST,
],
...
Альтернативой будет установка типа TBItems
, что тоже будет работать!
import { TBItems } from 'ngx-editor';
export const TEXT_FORMATTING_TYPE: { [key: string]: TBItems } = {
BOLD: 'bold',
ITALIC: 'italic',
BULLET_LIST: 'bullet_list',
ORDERED_LIST: 'ordered_list',
};
Большое спасибо @Нарен! Первое решение сработало для меня прекрасно :)