Size: a a a

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

2020 March 07

AS

Andrey Systerov in Angular - русскоговорящее сообщество
V L A S O V
#var и ngTemplateOutlate
он в текст преобразуется .... не подхватываются дерективы ангуляра
источник

AS

Andrey Systerov in Angular - русскоговорящее сообщество
в документации есть пример на js но как его перенести в ангуляр не могу понять
ymaps.ready(init);

function init () {
   var map = new ymaps.Map('map', {
           center: [55.650625, 37.62708],
           zoom: 10
       }, {
           searchControlProvider: 'yandex#search'
       }),
       counter = 0,

       // Создание макета содержимого балуна.
       // Макет создается с помощью фабрики макетов с помощью текстового шаблона.
       BalloonContentLayout = ymaps.templateLayoutFactory.createClass(
           '<div style="margin: 10px;">' +
               '<b>{{properties.name}}</b><br />' +
               '<i id="count"></i> ' +
               '<button id="counter-button"> +1 </button>' +
           '</div>', {

           // Переопределяем функцию build, чтобы при создании макета начинать
           // слушать событие click на кнопке-счетчике.
           build: function () {
               // Сначала вызываем метод build родительского класса.
               BalloonContentLayout.superclass.build.call(this);
               // А затем выполняем дополнительные действия.
               $('#counter-button').bind('click', this.onCounterClick);
               $('#count').html(counter);
           },

           // Аналогично переопределяем функцию clear, чтобы снять
           // прослушивание клика при удалении макета с карты.
           clear: function () {
               // Выполняем действия в обратном порядке - сначала снимаем слушателя,
               // а потом вызываем метод clear родительского класса.
               $('#counter-button').unbind('click', this.onCounterClick);
               BalloonContentLayout.superclass.clear.call(this);
           },

           onCounterClick: function () {
               $('#count').html(++counter);
               if (counter == 5) {
                   alert('Вы славно потрудились.');
                   counter = 0;
                   $('#count').html(counter);
               }
           }
       });

   var placemark = new ymaps.Placemark([55.650625, 37.62708], {
           name: 'Считаем'
       }, {
           balloonContentLayout: BalloonContentLayout,
           // Запретим замену обычного балуна на балун-панель.
           // Если не указывать эту опцию, на картах маленького размера откроется балун-панель.
           balloonPanelMaxMapArea: 0
       });

   map.geoObjects.add(placemark);
}
источник

DM

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

DM

Denis Morocco in Angular - русскоговорящее сообщество
Andrey Systerov
в документации есть пример на js но как его перенести в ангуляр не могу понять
ymaps.ready(init);

function init () {
   var map = new ymaps.Map('map', {
           center: [55.650625, 37.62708],
           zoom: 10
       }, {
           searchControlProvider: 'yandex#search'
       }),
       counter = 0,

       // Создание макета содержимого балуна.
       // Макет создается с помощью фабрики макетов с помощью текстового шаблона.
       BalloonContentLayout = ymaps.templateLayoutFactory.createClass(
           '<div style="margin: 10px;">' +
               '<b>{{properties.name}}</b><br />' +
               '<i id="count"></i> ' +
               '<button id="counter-button"> +1 </button>' +
           '</div>', {

           // Переопределяем функцию build, чтобы при создании макета начинать
           // слушать событие click на кнопке-счетчике.
           build: function () {
               // Сначала вызываем метод build родительского класса.
               BalloonContentLayout.superclass.build.call(this);
               // А затем выполняем дополнительные действия.
               $('#counter-button').bind('click', this.onCounterClick);
               $('#count').html(counter);
           },

           // Аналогично переопределяем функцию clear, чтобы снять
           // прослушивание клика при удалении макета с карты.
           clear: function () {
               // Выполняем действия в обратном порядке - сначала снимаем слушателя,
               // а потом вызываем метод clear родительского класса.
               $('#counter-button').unbind('click', this.onCounterClick);
               BalloonContentLayout.superclass.clear.call(this);
           },

           onCounterClick: function () {
               $('#count').html(++counter);
               if (counter == 5) {
                   alert('Вы славно потрудились.');
                   counter = 0;
                   $('#count').html(counter);
               }
           }
       });

   var placemark = new ymaps.Placemark([55.650625, 37.62708], {
           name: 'Считаем'
       }, {
           balloonContentLayout: BalloonContentLayout,
           // Запретим замену обычного балуна на балун-панель.
           // Если не указывать эту опцию, на картах маленького размера откроется балун-панель.
           balloonPanelMaxMapArea: 0
       });

   map.geoObjects.add(placemark);
}
первый пару ссылок в гугле!)
источник

IE

Igor' Emberovich in Angular - русскоговорящее сообщество
Не подскажете, какой тип для переменной использовать, если я хочу в неё закинуть DOM элемент, полученный по запросу через document.getElementsByClassName[0] ?
источник

IE

Igor' Emberovich in Angular - русскоговорящее сообщество
(я в ангуляре 2 дня, если что. Вопрос погугли сначала)
источник

S

Sergey in Angular - русскоговорящее сообщество
Igor' Emberovich
Не подскажете, какой тип для переменной использовать, если я хочу в неё закинуть DOM элемент, полученный по запросу через document.getElementsByClassName[0] ?
HTMLElement?
источник

S

Sergey in Angular - русскоговорящее сообщество
Igor' Emberovich
Не подскажете, какой тип для переменной использовать, если я хочу в неё закинуть DOM элемент, полученный по запросу через document.getElementsByClassName[0] ?
Не надо так делать
источник

S

Sergey in Angular - русскоговорящее сообщество
ViewChild ContentChild и тп для таких целей
источник

S

Sergey in Angular - русскоговорящее сообщество
И там соответственно ElementRef будет
источник

S

Sergey in Angular - русскоговорящее сообщество
Если быть точным, то так
ElementRef<HTMLElement>
источник

S

Sergey in Angular - русскоговорящее сообщество
ElementRef<HTMLElement> какой-нибудь
источник

S

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

S

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

SV

Sergey Vakhramov in Angular - русскоговорящее сообщество
Я смотрю, никто ещё не успел  упомянуть про ElementRef<HTMLElement>
источник

B

Bretbas in Angular - русскоговорящее сообщество
Народ.
Вчера че-то мудрил с поднятием Angular до 9-тки.
Впоследствии все равно пришлось вернуть на 8-рку. Все вроде восстановил как и было.

Но теперь у меня к каждому ts файлу, присабачивается js, map файлы, хотя раньше они были в папке dist.

Не знаю что теперь делать, все уже перерыл, все вроде как было прежде.
источник

S

Sergey in Angular - русскоговорящее сообщество
Sergey Vakhramov
Я смотрю, никто ещё не успел  упомянуть про ElementRef<HTMLElement>
Да, по этому я хотел бы обратить внимание, что нужно указывать ElementRef<HTMLElement>
источник

J💖

JSON Jenny 💖 in Angular - русскоговорящее сообщество
Bretbas
Народ.
Вчера че-то мудрил с поднятием Angular до 9-тки.
Впоследствии все равно пришлось вернуть на 8-рку. Все вроде восстановил как и было.

Но теперь у меня к каждому ts файлу, присабачивается js, map файлы, хотя раньше они были в папке dist.

Не знаю что теперь делать, все уже перерыл, все вроде как было прежде.
tsconfig глянь
источник

B

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

B

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