Публикации по теме 'angular-components'
Преимущества инкапсуляции элементов управления HTML в виде компонентов Angular
Иногда мы работаем над приложением, которое имеет множество форм с одними и теми же элементами управления вводом HTML в нескольких разных формах. Код HTML для одного текстового поля, требующего проверки, будет выглядеть примерно так:
Это 26 строк для одного элемента управления текстовым вводом. Представьте, что у нас есть 20 полей ввода текста на форме. Это много дублирования HTML-кода. И в будущем, если мы решим сменить управление с Bootstrap на Material, нам нужно изменить..
Почему я выбрал Angular
Сделайте свой ум библиотекой Angular
Эпизод 1
Веб-разработчики используют множество фреймворков и библиотек javascript для создания веб-приложений. Я выбрал angular, который предлагает полное решение для разработки и развертывания полного веб-приложения. Это мой первый эпизод в My Journey to Angular. Angular - это полнофункциональный фреймворк, из которого мы можем выполнять
создание одностраничного веб-приложения с использованием Angular CLI создание веб-приложения,..
Основы Angular: создание и взаимодействие между компонентами Angular
Добро пожаловать в этот подробный обзор курса Pluralsight Основы Angular Джо Имза и Джима Купера.
В последнем эпизоде я описал, как этот курс вписывается в путь обучения Angular, объяснил некоторые варианты обучения, которые у вас есть, и подытожил первый модуль. Теперь продолжим рассмотрение второго модуля.
Существует довольно много общего между ранней частью этого модуля и курсом Angular: Начало работы , поэтому, если вы видели этот курс, вы можете просмотреть первые несколько..
Понимание угловых компонентов
В этом посте мы увидим, что такое компоненты и как они используются в приложениях Angular.
В Angular компоненты являются строительными блоками вашего приложения. Каждое приложение Angular должно иметь хотя бы один компонент, и этот компонент называется корневым . Этот компонент является основой для каждого приложения Angular, которое загружает приложение Angular и соединяет иерархию компонентов с объектной моделью документа (DOM) . Когда мы используем Angular CLI для создания нового..
Основы Angular: взаимодействие между компонентами
Добро пожаловать в этот обзор курса Pluralsight Основы Angular Джима Купера и Джо Имса. Не считая двухминутного обзора курса, этот курс состоит из 16 модулей, и мы подошли к 7-му модулю: Связь между компонентами. Это настоящий короткий модуль на 11 минут и 38 секунд.
Предыдущие модули:
Начало работы с Angular Создание и взаимодействие между компонентами Angular Изучение синтаксиса Angular Создание многоразовых сервисов Angular Маршрутизация и навигация по страницам..
Вопросы по теме 'angular-components'
Связь/обмен данными компонентов angular 1.5 между контроллерами
Я очень новичок в концепции Angular-Typescript.
Настроено Typescript, компоненты Angular 1.5, по возможности не использовать $scope
Один компонент имеет поля ввода поиска. Другой компонент должен получить возвращаемое значение от службы и...
874 просмотров
schedule
05.03.2023
односторонняя привязка не работает, когда элемент привязки является объектом и изменяется динамически
см. plnkr для ознакомления с кодом.
Я действительно новичок в компоненте AngularJS. Я пишу два простых компонента AngularJS с точно такой же привязкой.
bindings: { value:'@', field:'@', object: '<', callback: '&' }
Я передаю...
178 просмотров
schedule
25.06.2022
Как общаться между родственными директивами/компонентами в angular 1.5
Каков наилучший способ связи между компонентами и/или директивами angular 1.5 sibling. Я использую угловой материал. Я использую UI-маршрутизатор.
Я стараюсь, чтобы мои компоненты и директивы были отдельными и не зависели друг от друга.
Я...
1460 просмотров
schedule
13.11.2022
Компонент Angularjs 1.5 с машинописью не работает
Я создал компонент angularjs 1.5, используя машинописный текст, но он не работает, и когда я говорю, что он не работает, его привязка вообще не работает. Я вижу данные в своей консоли, когда она запускает функцию $onInit, но она никогда не выводит...
632 просмотров
schedule
12.05.2023
Компонент Angular 1.5 отслеживает изменения объекта
У меня есть приложение angular 1.5 (с компонентами). В одном из компонентов у меня есть локальный объект, определенный как:
model.user = {
firstName: 'John',
lastName: 'Smith'
}
то в разметке я использую его как:
<input...
486 просмотров
schedule
21.03.2023
Компонент Angular 1.5+ с дополнительной односторонней привязкой
Взято из документации по AngularJS 1:
Вы также можете сделать привязку необязательной, добавив ? : <? или <?attr .
Чем необязательный вариант отличается от необязательного для односторонней привязки?
Кажется, я могу...
8800 просмотров
schedule
06.10.2022
Компоненты Angular 1.5.9: функции запускаются при загрузке компонента
Я новичок в использовании компонентов 1.5, и я не уверен, происходит ли то, как работают компоненты, или я просто сделал что-то не так. Я создал следующий компонент:
angular.module('app')
.component('appModal', {
templateUrl:...
503 просмотров
schedule
28.03.2023
Доступность родительского компонента из дочернего компонента, когда родительский компонент использует ng-content Angular
Я пытаюсь получить доступ к родительскому компоненту из дочернего компонента, используя инъекцию зависимости. Он работает, я могу получить доступ к родительскому элементу для использования его методов и свойств, но я не видел такого подхода в Angular...
8084 просмотров
schedule
15.11.2022
Односторонняя привязка компонента angularjs 1.5 не работает с setInterval
У меня есть простой компонент, который использует таймер для увеличения значения в представлении. Я использую setInterval для автоматического увеличения значения, и я также использую кнопку для увеличения значения. Нажатие на кнопку работает, как и...
470 просмотров
schedule
25.10.2022
С компонентом angular и ui-router может ли один контроллер иметь несколько шаблонов?
В компоненте я хотел бы связать шаблоны с действиями CRUD, но использовать один контроллер, который обрабатывает данные для всех из них. Имеет ли это смысл с компонентами angular или мне следует использовать несколько компонентов? Как будет...
897 просмотров
schedule
15.10.2022
Пользовательский компонент AngularJS — неопределенная привязка
Кодирование пользовательского компонента в AngularJS, которому я хочу передать атрибут с именем «parentview».
Мой код выглядит следующим образом.
В console.log() 'parentview' в контроллере моего компонента отображается "undefined"... Я не...
700 просмотров
schedule
21.10.2022
Невозможно привязать к «толстому», так как это не известное свойство «ng-progress».
Я пытаюсь использовать этот плагин в своем приложении: https://github.com/MurhafSousli/ngx-progressbar#user-content-automagic-loading-bar
Он работает нормально, но когда я запускаю на нем тест, он терпит неудачу с ошибкой:
Невозможно...
1797 просмотров
schedule
05.12.2023
Привязка ngModel к сложным данным
Некоторое время я исследовал, можно ли и как привязать сложную модель к ngModel. Есть статьи, показывающие, как это можно сделать для простых данных (например, строки), таких как это . Но то, что я хочу сделать, более сложное. Допустим, у меня...
3917 просмотров
schedule
04.06.2022
Привязка материала-выберите к моей модели
У меня есть простой вариант использования: у меня есть богатая объектная модель, которую я использую в приложении AngularDart, и я хочу, чтобы компонент показывал мне текущее состояние одного из полей модели, И я хочу вызвать метод для модель при...
561 просмотров
schedule
26.08.2022
Angular 4 ExpressionChangedAfterItHasBeenCheckedError
в ParentComponent =>
ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ''. Current value: '[object Object]'.
at viewDebugError (vendor.bundle.js:8962)
at...
28409 просмотров
schedule
15.05.2023
угловой компонент с несколькими входами и проверкой (обязательно)
Я хочу создать настраиваемый компонент с несколькими элементами управления вводом, который я могу использовать в других формах компонентов, включая проверку. Единственные примеры, которые я смог найти, показывают, как создать простой компонент с...
3122 просмотров
schedule
02.09.2022
Angular 1.5 $ctrl в представлении является пустым объектом при отображении с помощью $mdDialog
Я использую angular 1.6.2 и angular-material 1.1.4. Вот компонент, который я использую для $mdDialog:
class CommentReplySettingsController {
/** @ngInject */
constructor($mdDialog, $log) {
this.$mdDialog = $mdDialog;...
306 просмотров
schedule
24.07.2023
Элемент шаблона доступа Angular 4 без локальной переменной шаблона
У меня есть родительский компонент (скажем, ParentComponent ), и мне нужно добавить к нему множество дочерних компонентов (скажем, ChildComponent1 , ChildComponent2 , ... ChildComponentN ) динамически . Каждый компонент отличается.
Я выполнил...
1237 просмотров
schedule
29.11.2022
Угловой маршрутизатор с повторным разрешением данных после обновления
У меня есть компонент, в котором данные разрешаются маршрутизатором, например:
this.route.data.subscribe((data => { .....
Теперь мы добавили в этот компонент транзакцию http post, которая изменяет состояние данных, которые мы разрешили....
724 просмотров
schedule
30.07.2022
передавать данные через ‹router-outlet›, используя взаимодействие компонентов в angular2
Я пытаюсь использовать эту технику перехватить свойство ввода изменяется с помощью установщика , чтобы передать некоторые данные из родительского компонента в дочерний компонент и вызвать метод в дочернем компоненте при изменении значения. моя...
11960 просмотров
schedule
20.04.2022