Публикации по теме 'angular-directive'
Директива Angular4 для создания эффекта постепенного появления / исчезновения при достижении определенного элемента ...
Хорошо ... Было нелегко найти четкое название для этой истории, но я думаю, что GIF может возобновить цель этого рассказа.
Если это то, что вы искали, вы попали в нужное место, так что продолжайте! Я дам вам ответ, чтобы создать этот потрясающий эффект , который мы находим повсюду в Интернете, но, к сожалению, с использованием jQuery .
Директива будет такой простой:
import { Directive, ElementRef, HostListener, Input } from '@angular/core' ;
@Directive({
selector :..
Простая настраиваемая директива в Angular 2
Специальная директива
Директивы аналогичны компонентам, компоненты - это просто директивы с прикрепленным представлением. В Angular 2 есть три типа директив, как указано ниже.
а. компоненты - для создания HTML-шаблона. b. атрибут - для изменения внешнего вида и поведения элемента DOM (NgStyle, NgClass). c. структурный - для добавления и удаления элементов DOM (NgFor, NgIf).
Предварительные требования
Angular Cli должен быть установлен, если он не установлен,..
Упростите директивы с наследованием области действия в AngularJS
Соавторами этой публикации являются Аарти Парих и Давиде Курлетти.
Директивы в AngularJS являются важными строительными блоками, обеспечивающими повторное использование и сохраняющими модульность кода, особенно в больших приложениях. Мы написали немало таких примеров в RealScout для общих компонентов. Некоторые из них просты, например, настраиваемый раскрывающийся список, средство выбора цвета и липкий нижний колонтитул, но другие довольно сложные, такие как загрузчик фотографий и..
Угловые директивы с несколькими атрибутами для элемента
Угловые директивы с несколькими атрибутами для элемента
Директивы атрибутов Angular - полезны для изменения внешнего вида или поведения элемента, компонента или другой директивы
Во многих сценариях возможно, что нам потребуется отформатировать вводимые пользователем данные или изменить внешний вид элемента во время ввода; и директивы - подходящие кандидаты для таких случаев в Angular. Цель этой статьи - сосредоточиться на варианте использования нескольких директив для элемента и..
Datepickers и директивы для AngularJS
Директив и модулей очень много, поэтому я выбрал для себя самые лучшие.
pickadate.js
Удобное для мобильных устройств, быстро реагирующее и легкое средство выбора даты и времени jQuery.
pickadate.js Удобный для мобильных устройств, отзывчивый и легкий инструмент выбора даты и времени jQuery. amsul.ca
Директива
Toilal/ng-pickadate ng-pickadate — директивы AngularJS для pickadate.js github.com..
Директивы по атрибутам Angular: практический подход
Angular version: 8.x
Node version: 10.9.0 or later
Вы работаете над приложением Angular, пытаясь добавить интерактивный элемент пользовательского интерфейса, например, простое раскрывающееся меню. У вас открыто двадцать вкладок браузера, и вы пытаетесь научиться делать это с помощью Angular. Вы хотите следовать лучшим практикам, но уровень вашего разочарования растет, и вы начинаете думать , почему так сложно сделать что-то, что заняло бы 10 минут с JQuery и Bootstrap. Знакомо?..
Вопросы по теме 'angular-directive'
Передача динамических методов в пользовательскую директиву в angular
Я создаю пользовательскую директиву, в которой мне нужно назначить функцию внутри объекта, которая будет использоваться при переходе к моей директиве. Однако, если я передам метод, написав непосредственно имя функции внутри шаблона, он будет работать...
957 просмотров
schedule
02.11.2022
Проблема синхронизации между директивой angular и вызовом Ajax
Я выполняю вызов ajax, который извлекает некоторую информацию: <span id="test" abc-dir="test"> </span>
Теперь у меня также есть директива angular, которую мне нужно запустить для приведенной выше информации, возвращаемой через ajax....
496 просмотров
schedule
26.04.2023
Используйте GeoCharts в Angularjs
Как я могу использовать Google GeoChart в Angular? Я хочу вводить данные angular в geoChart, как в этом примере, в Javascript https://developers.google.com/chart/interactive/docs/gallery/geochart?hl=it#Regions
function drawRegionsMap() {...
6838 просмотров
schedule
15.05.2023
ngModelController $ modelValue пуст при запуске директивы
У меня есть директива атрибута, которую я использую в теге input = text, например:
<input type="text" ng-model="helo" my-directive />
В моей директиве я пытаюсь использовать ngModelController, чтобы сохранить начальное значение моего...
1142 просмотров
schedule
18.10.2022
Angular + D3 — получить значения области для отображения в шаблоне из события клика
Я работаю над картографическим приложением с использованием D3 и Angular, и у меня возникла проблема с отображением значений области в шаблоне из события по щелчку.
Моя директива:
angular.module("maineMap")
.directive("ngMap", ["appConfig",...
924 просмотров
schedule
29.05.2022
Разбивка на страницы по неделям — AngularJS
Я пытаюсь разбить список событий (используя ng-repeat) по неделям в AngularJS. У меня работает настраиваемый фильтр, который отображает события только за текущую неделю, но я пытаюсь добавить функциональность для просмотра будущих и прошлых недель....
1473 просмотров
schedule
29.05.2023
Angular.js передает параметр в директиву
Я новичок в Angular, поэтому не удивляйтесь, если ответ на этот вопрос будет довольно простым.
Я пытаюсь инкапсулировать карту в директиву, у карты будет какое-то пользовательское поведение: я хочу, чтобы она взаимодействовала со службой для...
3337 просмотров
schedule
28.08.2022
Модульное тестирование трансляции событий директив angularjs
Мне никогда раньше не приходилось тестировать мои директивы angularjs, а директивы, которые я написал для моей нынешней компании, используют события для передачи директив директивам и службам.
И поэтому я написал директиву, например. директива...
1141 просмотров
schedule
06.11.2023
Написание директивы Angular с классом TypeScript
Возможно, я просто пытаюсь объединить слишком много «новых для меня» концепций одновременно, но я пытаюсь написать пользовательскую директиву Angular с использованием класса TypeScript. На данный момент я не пытаюсь сделать что-то ужасно полезное,...
4385 просмотров
schedule
13.06.2022
Размещение HTML в тегах директив
До сих пор я добавлял HTML в директиву через template/templateURL, но недавно хотел иметь возможность изменять шаблон директивы в зависимости от того, на какой странице она вызывается. Я посмотрел в Интернете и увидел упоминание о размещении HTML...
82 просмотров
schedule
07.03.2023
Как зафиксировать событие флажка в директиве?
Я новичок в Angular и хотел вызвать и зафиксировать событие Checkbox (checked/unchecked) в директиве. Это означает, что когда кто-то устанавливает флажок, он должен вызывать некоторый код/функцию либо в links|controller ; в идеале в контроллере...
434 просмотров
schedule
08.01.2023
Angular UI Grid: отображать изображение, если оно существует на отдельном сервере, в противном случае установить изображение по умолчанию.
Я использую Angular UI Grid, и я просмотрел несколько переполнений стека и другие блоги, но до сих пор не могу решить проблему. У меня есть директива, но до сих пор ничего не получается.
Проблема
Я хотел бы отобразить изображение в таблице...
922 просмотров
schedule
26.07.2023
Как я могу связать свою директиву с html из класса typescript?
Я работаю над угловой директивой POC. Здесь у меня есть HTML-страница и класс контроллера. У меня есть метод в моем классе typescript, который возвращает директиву. Также у меня есть заполнитель для этой директивы на странице HTML. Как я могу...
2162 просмотров
schedule
15.04.2024
Использование $scope.$destroy устраняет утечку памяти, но нарушает директиву
У меня есть дочерняя директива, которая довольно динамично работает в приложении TypeScript AngularJS. Шаблон и контроллер подключаются во время выполнения в зависимости от того, что ему нужно делать в данной ситуации, а сам шаблон содержит ряд...
598 просмотров
schedule
03.04.2023
Angular Material Layout — Как создавать прокручиваемые разделы
Я хотел бы использовать только материальные директивы, насколько это возможно, вместо того, чтобы вводить некоторые необработанные элементы CSS.
Я пытаюсь создать макет для одностраничного приложения, которое занимает весь порт просмотра. Это...
256 просмотров
schedule
24.06.2023
Angular2 в событии focus для добавления класса
Я хочу обновить приложение Angular 1 до Angular 2, и у меня возникла проблема с одной из моих старых директив.
Идея проста. Когда поле ввода сфокусировано, следует добавить класс (md-input-focus), а другой удалить (md-input-wrapper). Затем этот...
21143 просмотров
schedule
06.07.2023
AngularJS — несколько экземпляров директив, вызывающих XHR несколько раз
У меня есть директива Angularjs «ExampleDirective», в которой есть контроллер «ExampleController». Контроллер определяет два объекта Promise, где каждый объект Promise делает запрос Http GET и возвращает ответ.
В директиве мы получаем данные...
1335 просмотров
schedule
24.11.2022
Требуется создание директивы раскрывающегося списка в Angular
Я написал свою первую директиву в Angular, которая представляет собой раскрывающийся список, вот шаблон:
<select class='form-control' ng-model='vm.scope.fixtureToBeUpdated.awayTeam' ng-options='awayTeam.teamName for awayTeam in...
69 просмотров
schedule
15.08.2023
Анимация индикатора выполнения D3 не работает в директиве Angular
У меня возникли проблемы с анимацией моих индикаторов выполнения в директиве AngularJS. По крайней мере, я могу заставить его показывать значение, которое я хочу, но я не могу заставить его анимировать от 0 до произвольного значения прогресса. Есть...
356 просмотров
schedule
23.08.2022
Пользовательский контроллер угловой директивы не обновляется
Я создал свою собственную угловую директиву, которую можно просто использовать как:
<basket-summary></basket-summary>
Этот элемент используется на моей главной странице шаблона (index.html).
Директива выглядит следующим...
123 просмотров
schedule
28.08.2022
