Size: a a a

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

2019 October 17

J

Joseph in Angular - русскоговорящее сообщество
Mike
Ребята, всем добрый вечер! подскажите нубу как в ангуляре цепляется код(в виде js) к элементам html? Я уже узнал что тэг <script> намеренно не работает и что не всё из js прокатывает в ts, но если код такого простого вида(тут ts мне только одно слово dataset подчеркнул), то как его подцепить к кнопке? Просто не знаю с чего начать поиски - мне везде выдают результаты на подключение внешних js но мне через ts надо, ведь это же точно можно.

ОКНО On/Off:
openModalButtons.forEach(button => {
   button.addEventListener('click', () => {
       const modal = document.querySelector(button.dataset.modalTarget)
       openModal(modal)
   })
})
closeModalButtons.forEach(button => {
   button.addEventListener('click', () => {
       const modal = button.closest('.modal')
       closeModal(modal)
   })
})
function openModal(modal) { modal.classList.add('active') }
function closeModal(modal) { modal.classList.remove('active') }
Все из js прокатывает в ts
источник

J

Joseph in Angular - русскоговорящее сообщество
Mike
Ребята, всем добрый вечер! подскажите нубу как в ангуляре цепляется код(в виде js) к элементам html? Я уже узнал что тэг <script> намеренно не работает и что не всё из js прокатывает в ts, но если код такого простого вида(тут ts мне только одно слово dataset подчеркнул), то как его подцепить к кнопке? Просто не знаю с чего начать поиски - мне везде выдают результаты на подключение внешних js но мне через ts надо, ведь это же точно можно.

ОКНО On/Off:
openModalButtons.forEach(button => {
   button.addEventListener('click', () => {
       const modal = document.querySelector(button.dataset.modalTarget)
       openModal(modal)
   })
})
closeModalButtons.forEach(button => {
   button.addEventListener('click', () => {
       const modal = button.closest('.modal')
       closeModal(modal)
   })
})
function openModal(modal) { modal.classList.add('active') }
function closeModal(modal) { modal.classList.remove('active') }
Ты просто напросто в ангуляре вешаешь обработчик на кнопку и все
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
Joseph
Кто то знает ещё либу которая может рисовать такую же вермяную полосу вместе с графиком https://echarts.apache.org/examples/en/editor.html?c=candlestick-large&theme=light
такое подойдет?
источник

J

Joseph in Angular - русскоговорящее сообщество
Увы неть там нужен чертов зум снизу
источник

J

Joseph in Angular - русскоговорящее сообщество
В виде доп полоски
источник

J

Joseph in Angular - русскоговорящее сообщество
У меня просто пригорело когда я узнал , что около 500 КБ в бандле жрет echart и теперь ищу что-то другое
источник

S

Stepanyan in Angular - русскоговорящее сообщество
ребят кто юзает ngx-translate, но json из сервера ? я вроде удачно делаю запрос на файл, но ниче не работает
источник

В

Виталий in Angular - русскоговорящее сообщество
Всем привет.
Есть роут вида superheroes/:id.
Я нахожусь на этом роуте и хочу переходить на супергероя с индексом +1.
Хочу использовать относительную навигацию вида: this.router.navigate([ … ], { relativeTo: this.route})

Ожидаю что вот такая запись будет выполнять ровно то что я описал:
this.router.navigate([hero.id + 1 + ''], { relativeTo: this.route}).

Однако, происходит некорректный переход!

Срабатывает верно только если я пишу:
this.router.navigate(['../', hero.id + 1 + ''], { relativeTo: this.route});

Кто-нибудь может объяснить почему так?
Почему нужно выходить на уровень выше, и передавать параметр (при этом сам раут не передавать 🤯😖☹️ ).

Демка (надо кликнуть Heroes, затем выделить  героя, затем кликнуть кнопку Next).

https://stackblitz.com/edit/angular-yeczyh?file=src/app/heroes/hero-detail/hero-detail.component.ts
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
Joseph
Увы неть там нужен чертов зум снизу
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
если кастомизировать, может что-то и получится
источник

J

Joseph in Angular - русскоговорящее сообщество
Хоооо крутенько а  рамочка снизу ресайзится ?
источник

RM

Ryabets Mychailo in Angular - русскоговорящее сообщество
Stepanyan
ребят кто юзает ngx-translate, но json из сервера ? я вроде удачно делаю запрос на файл, но ниче не работает
У меня работает норм, может путь не правильный имеешь
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
Joseph
Хоооо крутенько а  рамочка снизу ресайзится ?
проверь
источник

s

srs in Angular - русскоговорящее сообщество
Чатик такая проблема, есть админка на ангуляре где нужно в определенный момент менять значение в инпуте. Загвоздка в том, что нет доступа к исходникам.
Вроде ничего сверхъестественного, думал, что можно будет провернуть что-то вроде input.setAttribute('value', 'asd'). Вот только проблема в том, что value в инпуте устанавливается, но input при этом девственно чист. Как средствами чистого js можно такое провернуть?
Сам не фронтендер и точно не ангулярщик, за помощь или наводку готов угостить хорошим пивом/кофе -)
Прежде чем писать в чат, гуглил, но ничего толкового не нашел.
источник

J

Joseph in Angular - русскоговорящее сообщество
Roman Kolesnikov
проверь
Ок спасибо
источник

RK

Roman Kolesnikov in Angular - русскоговорящее сообщество
Joseph
Ок спасибо
источник

S

Stepanyan in Angular - русскоговорящее сообщество
Ryabets Mychailo
У меня работает норм, может путь не правильный имеешь
ну так в нетворке я вижу что он удачно скачал файл, и там норм json. скорее всего у меян конфиги не те. можете если не сложно кинуть кусок модуля где это у вас написано ?
источник

RM

Ryabets Mychailo in Angular - русскоговорящее сообщество
Stepanyan
ну так в нетворке я вижу что он удачно скачал файл, и там норм json. скорее всего у меян конфиги не те. можете если не сложно кинуть кусок модуля где это у вас написано ?
К сожалению не могу,
источник

RM

Ryabets Mychailo in Angular - русскоговорящее сообщество
Stepanyan
ну так в нетворке я вижу что он удачно скачал файл, и там норм json. скорее всего у меян конфиги не те. можете если не сложно кинуть кусок модуля где это у вас написано ?
Кинь скрин
источник