Вопросы с тегом «angular»

Недавно я смотрел Учебник по Angular 2 с TypeScript, но не знал, когда использовать Интерфейс, а когда использовать Модель для хранения структур данных. Пример интерфейса: export interface IProduct { ProductNumber: number; ProductName: string; ProductDescription: string; } Пример модели: export class Product { constructor( public ProductNumber: number, public ProductName: string, public …

198 angular  typescript 

Почему не вызывается, ngOnInit()когда Injectableкласс разрешен? Код import {Injectable, OnInit} from 'angular2/core'; import { RestApiService, RestRequest } from './rest-api.service'; @Injectable() export class MovieDbService implements OnInit { constructor(private _movieDbRest: RestApiService){ window.console.log('FROM constructor()'); } ngOnInit() { window.console.log('FROM ngOnInit()'); } } Консольный выход FROM constructor()

198 javascript  angular  typescript 

В новой среде Angular2 кто-нибудь знает, как правильно навести курсор на событие? В Angular1 было ng-Mouseover, но это, похоже, не было перенесено. Я просмотрел документы и ничего не нашел.

198 javascript  angular  events  hover 

Я хочу динамически создать шаблон. Это следует использовать для создания ComponentTypeво время выполнения и размещения (даже замены) его где-то внутри компонента размещения. До RC4 я использовал ComponentResolver, но с RC5 я получаю следующее сообщение: ComponentResolver is deprecated for dynamic compilation. Use ComponentFactoryResolver together with @NgModule/@Component.entryComponents or ANALYZE_FOR_ENTRY_COMPONENTS provider instead. For …

197 angular  typescript  compilation  angular2-compiler 

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

195 typescript  angular  rxjs 

Я получаю ошибку и не могу найти почему. Вот ошибка: EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy). angular2.dev.js:23514 EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy).BrowserDomAdapter.logError @ angular2.dev.js:23514BrowserDomAdapter.logGroup @ angular2.dev.js:23525ExceptionHandler.call @ angular2.dev.js:1145(anonymous function) @ angular2.dev.js:14801NgZone._notifyOnError @ angular2.dev.js:5796collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700run …

195 routing  angular 

Как вы развертываете приложения Angular, как только они достигают производственной фазы? Все руководства, которые я видел до сих пор (даже на angular.io ), рассчитывают на lite-сервер для обслуживания и browserSync для отражения изменений - но когда вы закончите разработку, как вы сможете опубликовать приложение? Импортирую ли я все скомпилированные .jsфайлы …

194 typescript  angular  production  systemjs 

Я новичок в Angular, я хочу знать, как создать часть загрузки файла Angular 5 , я пытаюсь найти какой-нибудь учебник или документ, но я нигде ничего не вижу. Есть идеи для этого? И я попробовал ng4-файлы, но он не работает для Angular 5

193 angular  typescript 

У меня возникла проблема с Observable.ofфункцией импорта в моем проекте. Мой Интеллий все видит. В моем коде у меня есть: import {Observable} from 'rxjs/Observable'; и в моем коде я использую это так: return Observable.of(res); Любые идеи?

192 angular  rxjs 

Я пытаюсь запустить dev-сервер с TypeScript и Angular-приложением, каждый раз не перенося ts-файлы. Я обнаружил, что могу выполнять запуск с помощью, ts-nodeно я также хочу смотреть .tsфайлы и перезагружать приложение / сервер, как я делал бы с чем-то вроде gulp watch.

192 typescript  angular  gulp  development-environment  nodemon 

...например... <div class="month" *ngFor="#item of myCollection; #i = index"> ... </div> Можно сделать что-то вроде ... <div class="month" *ngFor="#item of 10; #i = index"> ... </div> ... без обращения к не элегантному решению, как: <div class="month" *ngFor="#item of ['dummy','dummy','dummy','dummy','dummy', 'dummy','dummy','dummy']; #i = index"> ... </div> ?

191 angular 

Я работаю над формой входа в систему, и если пользователь вводит неверные учетные данные, мы хотим пометить поля электронной почты и пароль как недействительные и отобразить сообщение о том, что вход не выполнен. Как мне сделать эти поля недействительными из наблюдаемого обратного вызова? Шаблон: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> <div class="login-content" …

191 validation  angular  angular2-forms 

Я использую версию Angular 2.0.0-alpha.30. При перенаправлении на другой маршрут, затем обновите браузер, показывая Cannot GET / route. Можете ли вы помочь мне понять, почему произошла эта ошибка.

190 angular  angular2-routing 

Я не знаю, как добавить к моему компоненту атрибут <component></component>динамического класса, но внутри шаблона html (component.html). Единственное решение, которое я нашел, это изменить элемент с помощью нативного элемента "ElementRef". Это решение кажется немного сложным, чтобы сделать что-то, что должно быть очень простым. Другая проблема заключается в том, что CSS должен …

190 angular  angular2-template 

Мы пытаемся создать наши собственные компоненты поля формы в нашей компании. Мы пытаемся обернуть компоненты дизайна материала следующим образом: поле: <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}</strong> </mat-hint> <mat-hint align="end">{{message.value.length}} / 256</mat-hint> <mat-error>This field is required</mat-error> </mat-form-field> текстовое окно: <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" (keyup)="onKeyup($event)" (keypress)="onKeypress($event)"> </field> Использование: <textbox value="test" …

190 angular  angular-material2