Size: a a a

Angular - русскоговорящее сообщество

2020 January 26

IS

Igor Shturmov in Angular - русскоговорящее сообщество
гуглил и не нашел ничего 🙁
источник

IS

Igor Shturmov in Angular - русскоговорящее сообщество
я такое уже реализовывал у себя, но там обычный текстовый инпут и просто находил позицию курсора в строке, тут немножко всё по другому
источник

IS

Igor Shturmov in Angular - русскоговорящее сообщество
он на getPosition() возвращает линию и колонку в редакторе где находится курсор
источник

АО

Алексей Охрименко in Angular - русскоговорящее сообщество
Igor Shturmov
у меня есть задача реализовать функцию вставных тегов в темплейт имейла.
для отображения этого темплейта использую этот редактор.
теперь мне нужно узнать где находится курсор и если юзер выберет какой то тег со списка, то вставить его на место курсора.
курсор я нашел через getPosition(), теперь хочу понять есть ли какой то внутренний мехнизм вставки текста на место где находится курсор?
https://github.com/Microsoft/monaco-editor/issues/585

получить ссылку на editor можно так

<ngx-monaco-editor [options]="editorOptions" [(ngModel)]="code" (init)="editorInit($event)"></ngx-monaco-editor>
import { Component } from '@angular/core';
...
export class AppComponent {
 editorOptions = {theme: 'vs-dark', language: 'javascript'};
 code: string= 'function x() {\nconsole.log("Hello world!");\n}';

 editorInit(editor) {
   // Here you can access editor instance
    this.editor = editor;
   }
}
источник

IS

Igor Shturmov in Angular - русскоговорящее сообщество
Алексей Охрименко
https://github.com/Microsoft/monaco-editor/issues/585

получить ссылку на editor можно так

<ngx-monaco-editor [options]="editorOptions" [(ngModel)]="code" (init)="editorInit($event)"></ngx-monaco-editor>
import { Component } from '@angular/core';
...
export class AppComponent {
 editorOptions = {theme: 'vs-dark', language: 'javascript'};
 code: string= 'function x() {\nconsole.log("Hello world!");\n}';

 editorInit(editor) {
   // Here you can access editor instance
    this.editor = editor;
   }
}
попробую поиграться с этим, спасибо
источник

G

Galeups in Angular - русскоговорящее сообщество
Подскажите пожалуйста, компонент с табами реализован с роутами, т.е. контент каждого таба это router-outlet. И при переходе между табами получаю задержку отрисовки
источник

G

Galeups in Angular - русскоговорящее сообщество
Это из-за такой реализации с роутами?
источник

IS

Igor Shturmov in Angular - русскоговорящее сообщество
Алексей Охрименко
https://github.com/Microsoft/monaco-editor/issues/585

получить ссылку на editor можно так

<ngx-monaco-editor [options]="editorOptions" [(ngModel)]="code" (init)="editorInit($event)"></ngx-monaco-editor>
import { Component } from '@angular/core';
...
export class AppComponent {
 editorOptions = {theme: 'vs-dark', language: 'javascript'};
 code: string= 'function x() {\nconsole.log("Hello world!");\n}';

 editorInit(editor) {
   // Here you can access editor instance
    this.editor = editor;
   }
}
круто, вроде работает хоть и странно!)
источник

И

Илья | 😶 in Angular - русскоговорящее сообщество
Galeups
Это из-за такой реализации с роутами?
эм
есть подобное, не замечал задержек
источник

И

Илья | 😶 in Angular - русскоговорящее сообщество
В моем случае табы => один общий router-outlet
источник

G

Galeups in Angular - русскоговорящее сообщество
Илья | 😶
эм
есть подобное, не замечал задержек
Т.е. прям мнгновенно происходит отрисовка?
источник

И

Илья | 😶 in Angular - русскоговорящее сообщество
Galeups
Т.е. прям мнгновенно происходит отрисовка?
да
источник

И

Илья | 😶 in Angular - русскоговорящее сообщество
мб у тебя пк тормозит?)
источник

G

Galeups in Angular - русскоговорящее сообщество
Да неееее  😆
источник

PD

Plomipu Dmitri in Angular - русскоговорящее сообщество
Time is the side effect
А если охото что-то такое скопировать, стоит задуматься, то ли вы делаете, что вам надо)
Моя задача создать безопасную копию объекта, чтобы когда ты начал в нём менять свойства, которые тоже являются объектами, не изменились свойства того объекта с которого была сделана копия. Я счас передаю данные через объект в диалговое окошко ангуляра материал, которое в этой либе изначально работает через свойство data. Представим, я создаю отдельное свойство скажем
copyData
в диалоговом окошке, которому присваиваю значение
this.data
. Потом я присваиваю полученному свойству в его поле значение( ибо оно там реально существует ) скажем
copyData.name="Dima"
, а в оригинале из
data.name
у него допустим "Misha". И когда я вывожу на экран после присвоении свойства имени
this.data.name
он мне выводит
Dima
, А ТАК БЫТЬ НЕ ДОЛЖНО особенно в моём кейсе. Но у меня вопрос: если при клонировании объекта с помощью JSON-ины теряются типы объекта, то как же тогда копировать объект в тайпскрипте ??
источник

PD

Plomipu Dmitri in Angular - русскоговорящее сообщество
Как копировать безопасно и сохранить типы объектов ??
источник

Ti

Time is the side effect in Angular - русскоговорящее сообщество
Plomipu Dmitri
Моя задача создать безопасную копию объекта, чтобы когда ты начал в нём менять свойства, которые тоже являются объектами, не изменились свойства того объекта с которого была сделана копия. Я счас передаю данные через объект в диалговое окошко ангуляра материал, которое в этой либе изначально работает через свойство data. Представим, я создаю отдельное свойство скажем
copyData
в диалоговом окошке, которому присваиваю значение
this.data
. Потом я присваиваю полученному свойству в его поле значение( ибо оно там реально существует ) скажем
copyData.name="Dima"
, а в оригинале из
data.name
у него допустим "Misha". И когда я вывожу на экран после присвоении свойства имени
this.data.name
он мне выводит
Dima
, А ТАК БЫТЬ НЕ ДОЛЖНО особенно в моём кейсе. Но у меня вопрос: если при клонировании объекта с помощью JSON-ины теряются типы объекта, то как же тогда копировать объект в тайпскрипте ??
as
источник

Ti

Time is the side effect in Angular - русскоговорящее сообщество
JSON.parse(something) as User
источник

Эи

Элан Джюс и его деревянные солдаты in Angular - русскоговорящее сообщество
Plomipu Dmitri
Как копировать безопасно и сохранить типы объектов ??
источник

PD

Plomipu Dmitri in Angular - русскоговорящее сообщество
Time is the side effect
JSON.parse(something) as User
я понял вашу мысль. Спасибо
источник