angular- все статьи тега ➜ страница 6


Angular/RxJs когда я должен отписаться от " подписки`

когда я должен хранить Subscription экземпляры и вызывать unsubscribe() во время жизненного цикла NgOnDestroy и когда я могу просто игнорировать их? сохранение всех подписок вносит много беспорядка в код компонента. руководство клиента HTTP игнорировать подписки, как это: getHeroes() { this.heroService.getHeroes() .subscribe( heroes => this.heroes = heroes, error => this.errorMessage = <any>error); } в то же время ...

Поведение субъекта против наблюдаемого?

Я смотрю на угловые шаблоны RxJs, и я не понимаю разницы между a BehaviorSubject и Observable. из моего понимания, a BehaviorSubject - Это значение, которое может изменяться с течением времени (может быть подписано на и подписчики могут получать обновленные результаты). Это, кажется, та же самая цель Observable. когда вы используете Observable против BehaviorSubject? Есть ли преимущества в использовании BehaviorSubject на Observable или наоборот? ...

Что такое эквивалент ngShow и ngHide в Angular?

У меня есть ряд элементов, которые я хочу, чтобы быть видимым при определенных условиях. в AngularJS я бы написал <div ng-show="myVar">stuff</div> Как я могу сделать это в Angular? ...

Не удается привязать к 'formGroup', так как это не известное свойство 'form'

СИТУАЦИЯ: пожалуйста, помогите! Я пытаюсь сделать то, что должно быть очень простой формой в моем приложении Angular2, но независимо от того, что он никогда не работает. УГЛОВАЯ ВЕРСИЯ: Угловой 2.0.0 Rc5 ОШИБКА: Can't bind to 'formGroup' since it isn't a known property of 'form' КОД: вид: <form [formGroup]="newTaskForm" (submit)="createNewTask()"> <div class="form-group"> <label for="name">Name</label> <input type="text" name="name" req ...

Как я могу выбрать элемент в шаблоне компонента?

кто-нибудь знает, как получить элемент, определенный в шаблоне компонента? Полимер делает его очень легко с $ и $$. мне просто интересно, как это сделать в Angular. возьмите пример из учебника: import {Component} from '@angular/core' @Component({ selector:'display' template:` <input #myname(input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class DisplayComponent { myName: string = "Aman"; updateName(input: String) { ...

Директива @в @компонентов в угловой

в чем разница между @Component и @Directive в угловой? Оба они, похоже, выполняют одну и ту же задачу и имеют одни и те же атрибуты. каковы варианты использования и когда предпочтительнее один над другим? ...

Как использовать jQuery с Angular?

может кто-нибудь сказать мне, как использовать jQuery С Угловое? class MyComponent { constructor() { // how to query the DOM element from here? } } Я знаю, что есть обходные пути, такие как манипулирование класс или id элемента DOM заранее, но я надеюсь на более чистый способ сделать это. ...

Угловые параметры командной строки Сасс

Я новичок в Angular, и я прихожу из сообщества Ember. Пытается использовать новые угловые-интерфейс командной строки на основе Эмбер-CLI для. Мне нужно знать лучший способ справиться с SASS в новом угловом проекте. Я пробовал использовать ember-cli-sass репо, чтобы увидеть, будет ли он играть вместе, так как ряд основных компонентов углового CLI запускаются из модулей Ember-CLI. Это не сработало, но снова не уверен, что я просто неправильно настроил что-то. также, как лучше всего организов ...

Запуск обнаружения изменений вручную в угловой

Я пишу угловой компонент, который имеет свойство Mode(): string. Я хотел бы иметь возможность установить это свойство программно не в ответ на какое-либо событие. Проблема в том, что при отсутствии события браузера, привязка шаблона {{Mode}} не обновляет. Есть ли способ запустить это обнаружение изменений вручную? ...

В чем разница между объявлениями, провайдерами и импортом в NgModule

Я пытаюсь понять Angular (иногда называемый Angular2+), затем я наткнулся на @Module импорт декларации поставщики после Угловой Быстрый Старт ...

В Angular, как вы определяете активный маршрут?

Примечание:есть много разных ответов здесь, и большинство из них были действительны в то или иное время. Дело в том, что то, что работает, изменилось несколько раз, когда команда Angular изменила свой маршрутизатор. Версия маршрутизатора 3.0, которая в конечном итоге будет the маршрутизатор в угловых перерывах многие из этих решений, но предлагает очень простое решение самостоятельно. По состоянию на RC.3, предпочтительным решением является использование [routerLinkActive] как показано в этот о ...

ключ доступа и значение объекта с помощью *ngFor

немного запутался о том, как получить Key and Value объекта в angular2 в то время как usng *ngFor для итерации по объекту. я знаю в угловой 1.х есть следующий синтаксис ng-repeat="(key, value) in demo" но в angular2 я не знаю, я устал то же самое, но не добился успеха. я пробовал ниже код, но не работает, пожалуйста, скажите мне, где я делаю неправильно. <ul> <li *ngFor='#key of demo'>{{key}}</li> </ul> demo = { 'key1': [{'key11':'value11'}, {'key12':'value12' ...

Глобальные события в Angular

нет, эквивалентной $scope.emit() или $scope.broadcast() в угловой? Я знаю EventEmitter функциональность, но, насколько я понимаю, это просто вызовет событие для родительского элемента HTML. Что делать, если мне нужно общаться между fx. братья и сестры или между компонентом в корне DOM и элементом, вложенным на несколько уровней глубже? ...

Разница между HTTP и HTTPClient в angular 4?

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

Как добавить шрифт-awesome в проект Angular 2 + CLI

Я использую угловой 2+ и угловой CLI. Как добавить font-awesome в мой проект? ...

Делегирование: EventEmitter или наблюдаемый в угловом

Я пытаюсь реализовать что-то вроде шаблона делегирования в угловой. Когда пользователь нажимает на nav-item, Я хотел бы вызвать функцию, которая затем выдает событие, которое, в свою очередь, должно обрабатываться каким-либо другим компонентом, прослушивающим событие. вот сценарий: у меня есть Navigation компоненты: import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ // other properties left out for brevity events : ['navchange'], template:` <d ...

Как вернуться на последнюю страницу

есть ли умный способ вернуться на последнюю страницу в Angular 2? что-то вроде this._router.navigate(LASTPAGE); например, страница C имеет Вернуться Назад, страницы -> страница c, щелкните его, вернуться к странице А. страница B - > страница C, нажмите на нее, вернитесь на страницу B. есть ли у маршрутизатора эта информация истории? ...

Как добавить bootstrap в проект angular-cli

мы хотим использовать bootstrap 4 (4.0.0-alpha.2) в нашем приложении генерируется с помощью angular-cli 1.0.0-beta.5 (с узлом v6.1.0). после получения bootstrap и его зависимостей с npm, наш первый подход состоял в добавлении их в angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', и импортировать их в нашем index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src ...

Угловые бета 2.17: свойство ' map 'не существует для типа' Observable '

Я только что обновился с углового 2 beta16 до beta17, что в свою очередь требует rxjs 5.0.0-beta.6. (Список изменений здесь:https://github.com/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28) в beta16 все хорошо работало в отношении функциональности Observable/map. Следующие ошибки появились после обновления и возникают, когда typescript пытается транспилировать: свойство ' map ' не существует по типу 'Observable '(везде, где я использовал карту с observable) c:/path/node_m ...

Угловой: не удается найти обещание, карту, набор и итератор

после установки Angular, компилятор Typescript продолжает получать некоторые ошибки о not finding Promise,Map,Set и Iterator. до сих пор я игнорировал их, но теперь мне нужно Promise Так что мой код может работать. import {Component} from 'angular2/core'; @Component({ selector: 'greeting-cmp', template: `<div>{{ asyncGreeting | async}}</div>` }) export class GreetingCmp { asyncGreeting: Promise<string> = new Promise(resolve => { // after 1 second, the promise w ...