Блог

Главная - Вопросы по программированию - как установить значение атрибута в angular

как установить значение атрибута в angular

#angular

#angular

Вопрос:

В селекторе jquery я использую этот код для установки значения атрибута. $(‘.modelimage’).attr(‘src’,imagesource)

Таким же образом в Angular как установить значение атрибута для элемента div, классом которого является modelimage

Ответ №1:

На вашей HTML-странице

 <div class="modelimage" [yourAttribute]="value"></div>

В вашем компоненте ts

 value: string = ''

При этом, когда вы измените свой value , он изменит значение атрибута.

Комментарии:

1. <div class=»zoomimage»><img src=»» class=»modelimage» alt=»Chania» style=»курсор: указатель»></div> Это мой html-тег, я хочу динамически устанавливать атрибут src. как это сделать

2. Сделайте это, как я сказал, <div class="zoomimage"><img [src]="sourcePath" class="modelimage" alt="Chania" style="cursor:pointer"></div> . Как вы можете видеть, атрибут src находится в скобках, это означает, что элемент sourcePath «связан» с ним. Поэтому каждый раз, когда вы меняете значение этого элемента в своем компоненте, оно также будет изменяться в вашем атрибуте.

3. $scope.showLargeImage = функция (текст) { var imagesource= $(‘#’текст).attr(«src») $(‘.modelimage’).attr(‘src’,imagesource) если (window.innerWidth>768) $(‘.modelimage’).css({ width: window.innerWidth — 400 ‘px’, height: window.innerHeight -150 ‘px’ }); else $(‘.modelimage’).css({ width: window.innerWidth — 55 ‘px’, height: window.innerHeight -250 ‘px’ }) $(«#zoomodal»).modal(‘показать’); };

4. это мой html-тег, из которого запускается событие click <td class=»imgcolumn » > 50″height=»50″></ td> итак, как изменить функцию angular js на функцию angular.

5. итак, как изменить функцию angular js, которая подходит для angular