Size: a a a

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

2019 September 27

O

Oleg in Angular - русскоговорящее сообщество
Smooth Operator
Используйте сабжект\обсервабл в сервисе
И не меняйте его, только его значение
Понял, спасибо, завтра попробую 🙌🏽
У ангуляр крутое сообщество, реакту сложно таким похвастаться, по крайней мере в телеграме 😅
источник

VS

Vitaly Stekolschikov in Angular - русскоговорящее сообщество
Здравствуйте!

Помогите понять пункт тестового задания:

"конфиг для сервиса должен передаваться через AppModule"

Я правильно понимаю, что можно через AppModule который в app.module.ts передавать конфиги?

Я пробую делать так:

export class AppModule {
 IConfig: {
   medium: 600,
   large: 900
 };
}


но линтер в сторе где я подключаю (import {AppModule} from './app.module';) AppModule говорит нет IConfig.

Помогите разобраться.
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
это значит что для сервиса должен быть обьявлен токен для конфига
в сервисе он инжектится
а в апп модуле провайдится
источник

Вキ

Вертихвост キバ in Angular - русскоговорящее сообщество
Vitaly Stekolschikov
Здравствуйте!

Помогите понять пункт тестового задания:

"конфиг для сервиса должен передаваться через AppModule"

Я правильно понимаю, что можно через AppModule который в app.module.ts передавать конфиги?

Я пробую делать так:

export class AppModule {
 IConfig: {
   medium: 600,
   large: 900
 };
}


но линтер в сторе где я подключаю (import {AppModule} from './app.module';) AppModule говорит нет IConfig.

Помогите разобраться.
В дополнение к ответу выше, можете воспользоваться вот этим гайдом
https://angular.io/guide/singleton-services#forRoot
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Leonard Tkachev
Никто не юзал Yandex Maps или Google Maps?(или что сейчас лучше с учетом гемора получения ключей API) При нажатии например на один из адресов на странице, высвечивалось модальное окно с картой и отмеченным адресом?
Подскажите плиз как заюзать скрипт карты?
Выбор пал на карты от 2ГИС, только к ангуляру никак не могу зацепить(
в index.html в head добавил строку <script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>

далее в контроллере сделал метод с кодом:
DG.then(function(){
       DG.map('map', {
         center: [54.98, 82.89],
         zoom: 13
       });
     });

IDE про переменную DG ничего не знает. Как можно подключить? и возможно ли это вообще?
источник

VS

Vitaly Stekolschikov in Angular - русскоговорящее сообщество
Leonard Tkachev
Подскажите плиз как заюзать скрипт карты?
Выбор пал на карты от 2ГИС, только к ангуляру никак не могу зацепить(
в index.html в head добавил строку <script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>

далее в контроллере сделал метод с кодом:
DG.then(function(){
       DG.map('map', {
         center: [54.98, 82.89],
         zoom: 13
       });
     });

IDE про переменную DG ничего не знает. Как можно подключить? и возможно ли это вообще?
у меня так работает

 <script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>


declare var DG: any;


 ngOnInit() {
     var map;
     DG.then(function () {
         map = DG.map('map', {
             center: [46.476105, 30.718993],
             zoom: 16
         });
         DG.marker([46.476105, 30.718993]).addTo(map).bindPopup('Good day');
     });
 }

         <div id="map" style="width:100%; height:165px"></div>
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Vitaly Stekolschikov
у меня так работает

 <script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>


declare var DG: any;


 ngOnInit() {
     var map;
     DG.then(function () {
         map = DG.map('map', {
             center: [46.476105, 30.718993],
             zoom: 16
         });
         DG.marker([46.476105, 30.718993]).addTo(map).bindPopup('Good day');
     });
 }

         <div id="map" style="width:100%; height:165px"></div>
О, заработало)
Всего-то одна строка при инициализации
declare var DG: any;
Спасибо!)
источник

VS

Vitaly Stekolschikov in Angular - русскоговорящее сообщество
Vitaly Stekolschikov
Здравствуйте!

Помогите понять пункт тестового задания:

"конфиг для сервиса должен передаваться через AppModule"

Я правильно понимаю, что можно через AppModule который в app.module.ts передавать конфиги?

Я пробую делать так:

export class AppModule {
 IConfig: {
   medium: 600,
   large: 900
 };
}


но линтер в сторе где я подключаю (import {AppModule} from './app.module';) AppModule говорит нет IConfig.

Помогите разобраться.
Кто-то может объяснить для более тупых? forRoot он же делать добавление только для компонентов, не для сторов.
источник

BO

Bayyr Oorjak in Angular - русскоговорящее сообщество
Vitaly Stekolschikov
Кто-то может объяснить для более тупых? forRoot он же делать добавление только для компонентов, не для сторов.
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Подскажите плиз ещё вопрос: как вытащить значение ключа из ответа JSON в переменную?

имеется вот такой ответ: https://geocode-maps.yandex.ru/1.x/?format=json&geocode=%D0%A1%D0%B0%D0%BD%D0%BA%D1%82-%D0%BF%D0%B5%D1%82%D0%B5%D1%80%D0%B1%D1%83%D1%80%D0%B3%20%D0%B2%D0%BE%D1%80%D0%BE%D1%88%D0%B8%D0%BB%D0%BE%D0%B2%D0%B03%D0%BA2

в ангуляре забираю подпиской:
   this.clientsService.getGeocode(name)
     .subscribe(geocode => {
       this.geocode = geocode;
       console.log(this.geocode);
     });

нужно значение "Point":{"pos":"30.445199 59.921656"}
именно циферки.
браузер рисует такую строку: response.GeoObjectCollection.featureMember[""0""].GeoObject.Point.pos, но ангуляр её не воспринимает без модели.
Как быть?
источник

BO

Bayyr Oorjak in Angular - русскоговорящее сообщество
Leonard Tkachev
Подскажите плиз ещё вопрос: как вытащить значение ключа из ответа JSON в переменную?

имеется вот такой ответ: https://geocode-maps.yandex.ru/1.x/?format=json&geocode=%D0%A1%D0%B0%D0%BD%D0%BA%D1%82-%D0%BF%D0%B5%D1%82%D0%B5%D1%80%D0%B1%D1%83%D1%80%D0%B3%20%D0%B2%D0%BE%D1%80%D0%BE%D1%88%D0%B8%D0%BB%D0%BE%D0%B2%D0%B03%D0%BA2

в ангуляре забираю подпиской:
   this.clientsService.getGeocode(name)
     .subscribe(geocode => {
       this.geocode = geocode;
       console.log(this.geocode);
     });

нужно значение "Point":{"pos":"30.445199 59.921656"}
именно циферки.
браузер рисует такую строку: response.GeoObjectCollection.featureMember[""0""].GeoObject.Point.pos, но ангуляр её не воспринимает без модели.
Как быть?
что значит не воспринимает?
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Bayyr Oorjak
что значит не воспринимает?
не компилится проект, каким образом должна запись выглядеть, как в консоль вывести значение ключа?
источник

s

sannnao in Angular - русскоговорящее сообщество
Всем привет. Есть ли возможность влиять на размеры инпута?
источник

BO

Bayyr Oorjak in Angular - русскоговорящее сообщество
Leonard Tkachev
не компилится проект, каким образом должна запись выглядеть, как в консоль вывести значение ключа?
может у вас тайпскрипт ругается, т.к вы тип не указали? попробуйте geocode: any
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Bayyr Oorjak
может у вас тайпскрипт ругается, т.к вы тип не указали? попробуйте geocode: any
получилось! отдал 30.32257 60.047178
Как бы их местами еще поменять? а то уже спать вырубает)
источник

BO

Bayyr Oorjak in Angular - русскоговорящее сообщество
Leonard Tkachev
получилось! отдал 30.32257 60.047178
Как бы их местами еще поменять? а то уже спать вырубает)
что поменять местами? координаты?
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
да, привести к виду 60.047178, 30.32257
источник

BO

Bayyr Oorjak in Angular - русскоговорящее сообщество
Leonard Tkachev
да, привести к виду 60.047178, 30.32257
можно красивее, но на скорую руку примерно так
const [x, y] = Point.pos.split(' ');
const coords = `${y} ${x}`;
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Bayyr Oorjak
можно красивее, но на скорую руку примерно так
const [x, y] = Point.pos.split(' ');
const coords = `${y} ${x}`;
такой реализации не встречал, возьму себе в копилку решений) всё работает, огромное спасибо!
источник

IT

Igor Tobert in Angular - русскоговорящее сообщество
Ребята, а где и как лучше написать документацию по приложению.
Чтобы смертные могли прочитать и понять как в нем работать  и т.д.
источник