Size: a a a

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

2019 December 18

AV

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

E

Eugene in Angular - русскоговорящее сообщество
Vladislav K. )
"styles": [
       "../node_modules/normalize.css/normalize.css",
       "styles.css"
     ],
как то так должно получиться
Не нужно выходить на уровень выше ( перед нод_модульс )
источник

VB

Valentin Buryakov in Angular - русскоговорящее сообщество
Anton Volkov
Всем привет!

У меня SSR и добавил сейчас ngx translate для интернационализации
Внутри AppComponent высатвляю
this.translate.setDefaultLang('ru');

А дальше подставляю this.translate.getBrowserLang(); в use()

Все работает, но при загрузке приложения происходит моргание, когда сначала вместо текста видны ресурсы, а тольок после — подставляется текст.

Скажите, кто-то сталкивался/решал такую проблему?
Вот похожее https://www.twilio.com/blog/create-search-engine-friendly-internationalized-web-apps-angular-universal-ngx-translate
Ещё на медиуме видел статью похожую, суть в том что на сервере вытягиваются траслейшены и через state transfer передаются на фронт, и он сразу будет уже переведённый.
источник

AV

Anton Volkov in Angular - русскоговорящее сообщество
@valburyakov Спасибо)

Нашел вот такую тоже — https://itnext.io/angular-universal-how-to-add-multi-language-support-68d83f6dfc4d

Почему-то не гуглилось нормально в начале)
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Valentin Buryakov
Вот похожее https://www.twilio.com/blog/create-search-engine-friendly-internationalized-web-apps-angular-universal-ngx-translate
Ещё на медиуме видел статью похожую, суть в том что на сервере вытягиваются траслейшены и через state transfer передаются на фронт, и он сразу будет уже переведённый.
Заметил в последнем листинге html, что он отдает вот такое, хотя язык стоит русский:
<html lang="en"><head>
источник

VB

Valentin Buryakov in Angular - русскоговорящее сообщество
Вот эта статья с angular in depth, там все четко расписано

https://indepth.dev/implementing-multi-language-angular-applications-rendered-on-server/
источник
2019 December 19

Р

Роман in Angular - русскоговорящее сообщество
Добрый день! Подскажите как можно реализовать раскрывающийся список? Сделал на ngIf но в компоненте много воды получается, хочется чего-то элегантного
источник

OS

Oleg Safonov in Angular - русскоговорящее сообщество
Роман
Добрый день! Подскажите как можно реализовать раскрывающийся список? Сделал на ngIf но в компоненте много воды получается, хочется чего-то элегантного
Сделайте компонент для элемента списка, в нём реализуйте click + скрытие\раскрытие. Как вариант
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Vladislav K. )
Ага это читал, забавно в общем вышло
там еще и пр с 2017 весит https://github.com/angular/angular/pull/18575 )
источник

VK

Vladislav K. ) in Angular - русскоговорящее сообщество
)) короче контрибьютором быть не полчится
источник

VK

Vladislav K. ) in Angular - русскоговорящее сообщество
Спасибо большое
источник

YS

Yuri Stepanov in Angular - русскоговорящее сообщество
))
источник

PT

Pasha Tytov in Angular - русскоговорящее сообщество
ку
у мень есть обьект

iAm = {
  name:'Pasha',
  full: `${this.iAm.name} Petrov`
}

почему выдает ошибку? я так понял что ошибаюсь
как мне в этом же обьекте ссылаться на свойсто??
(что бы было full: Pasha Petrov)
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
ошибка то какая
источник

PT

Pasha Tytov in Angular - русскоговорящее сообщество
TS2729: Property 'iAm' is used before its initialization.
источник

OS

Oleg Safonov in Angular - русскоговорящее сообщество
Pasha Tytov
ку
у мень есть обьект

iAm = {
  name:'Pasha',
  full: `${this.iAm.name} Petrov`
}

почему выдает ошибку? я так понял что ошибаюсь
как мне в этом же обьекте ссылаться на свойсто??
(что бы было full: Pasha Petrov)
объявите сначала отдельно имя, а потом объект создайте

const name = 'Pasha';
const iAm = {
   name: name,
   full: `${name} Petrov`
}
источник

OS

Oleg Safonov in Angular - русскоговорящее сообщество
Или лучше в метод отдельный, который примет имя и вернёт объект
источник

PT

Pasha Tytov in Angular - русскоговорящее сообщество
Oleg Safonov
объявите сначала отдельно имя, а потом объект создайте

const name = 'Pasha';
const iAm = {
   name: name,
   full: `${name} Petrov`
}
thanks
источник

PT

Pasha Tytov in Angular - русскоговорящее сообщество
я имею инпут поле
у него есть template variable #ip

так я его прослушиваю внутри компонента
@ViewChild('ip', {static: false}) ip: ElementRef;

есть ли способ внутри компонента узнать он валиден или нет?
( то бишь обращаться к нему if(ip.valid){ return false})
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Pasha Tytov
я имею инпут поле
у него есть template variable #ip

так я его прослушиваю внутри компонента
@ViewChild('ip', {static: false}) ip: ElementRef;

есть ли способ внутри компонента узнать он валиден или нет?
( то бишь обращаться к нему if(ip.valid){ return false})
источник