Запитання з тегом «angular»

GroupGroup : FormGroup агрегує значення кожної дитини FormControl в один об'єкт, з кожним ім'ям управління в якості ключа. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : FormArray агрегує значення кожної дитини FormControl в масив. const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new …

91 angular  angular2-forms  angular-reactive-forms 

Я використовую onchange, щоб зберегти значення мого діапазону введення у firebase, але у мене є помилка, яка говорить, що моя функція не визначена. це моя функція saverange(){ this.Platform.ready().then(() => { this.rootRef.child("users").child(this.UserID).child('range').set(this.range) }) } це мій html <ion-item> <ion-row> <ion-col>Rayon <span favorite><strong> {{range}} km</strong></span></ion-col> <ion-col><input type="range" name="points" min="0" max="40" [(ngModel)]="range" onchange="saverange()"></ion-col> …

91 angular 

Отже, у мене є складна форма для створення сутності, і я хочу використовувати її для редагування, а також використовую новий API кутових форм. Я структурував форму точно так, як дані, які я отримую з бази даних, тому я хочу встановити значення всієї форми для даних, отриманих тут, є прикладом того, …

91 angular  angular2-forms 

Враховуючи цей код: this.form = this.formBuilder.group({ email: ['', [Validators.required, EmailValidator.isValid]], hasAcceptedTerms: [false, Validators.pattern('true')] }); Як я можу отримати всі помилки перевірки з this.form ? Я пишу модульні тести і хочу включити фактичні помилки перевірки до повідомлення про затвердження.

91 angular  typescript  validation 

У своєму проекті Angular 2 я здійснюю виклики API із служб, які повертають Observable. Тоді телефонний код підписується на цей спостережуваний. Наприклад: getCampaigns(): Observable<Campaign[]> { return this.http.get('/campaigns').map(res => res.json()); } Скажімо, сервер повертає 401. Як я можу вловити цю помилку глобально і перенаправити на сторінку / компонент для входу? Дякую. …

90 angular 

У документі angular 2, * та шаблоні , ми знаємо, що * ngIf, * ngSwitch, * ngFor можна розширити до тегу ng-template. Моє запитання: Я думаю, що ngIfабо ngForбез, *також можна перекласти та розширити до тегу шаблону за допомогою кутового механізму. Наступний код <hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail> буде таким же, як …

90 javascript  angular 

Я намагаюся протестувати свій вирішувач маршруту, і під час тестування я TypeError: ctor is not a constructorне знав, чому це сталося, коли під час компіляції TypeScript помилок не було. TypeError: ctor is not a constructor TypeError: ctor is not a constructor at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42355:26) at _createProviderInstance$1 (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42330:26) at resolveNgModuleDep (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42315:17) …

90 angular  karma-runner  angular-routing 

Отже, я працюю з angular4 у своїй практичній роботі, і це нове для мене. На щастя, для того, щоб отримати елементи html та їх значення, я використовував <HTMLInputElement> document.getElementByIdабо <HTMLSelectElement> document.getElementById Мені цікаво, чи є якась заміна для цього в кутовому

90 angular  typescript 

Я новачок у Angular 4, тож хтось може пояснити, як і де використовувати ::ng-deepв Angular 4? Насправді я хочу переписати деякі властивості CSS дочірніх компонентів з батьківських компонентів. Більше того, чи підтримується це на IE11?

90 css  angular  angular-template 

Після оновлення до RC5 ми почали отримувати таку помилку: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like …

90 angular  angular2-forms  angular2-formbuilder 

Я щойно оновив angular до останнього 9.0.0-next.4. Я не використовую маршрутизацію, але раптом після оновлення я продовжую бачити це попередження. Як видалити це попередження ПОПЕРЕДЖЕННЯ in src/war/angular/src/app/app-routing.module.tsє частиною компіляції TypeScript, але вона не використовується. Додайте лише точки входу до властивостей "файли" або "включити" у своєму tsconfig. package.json "dependencies": { "@angular/animations": …

90 angular  typescript  angular-cli 

Я витягнув зразок коду шаблону з цього підручника і зробив два кроки, щоб розпочати - npm install // worked fine and created node_modules folder with all dependencies npm start // помилка з помилкою нижче node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of property 'lift' are incompatible. …

89 angular  typescript  rxjs 

Посилається на https://angular.io/docs/ts/latest/guide/displaying-data.html та стек Як перевірити порожній об'єкт у шаблоні angular 2, використовуючи * ngIf як і раніше отримувати синтаксичну помилку самостійний невизначений. Якщо я видалю умову * ngIf, тоді я отримую значення в teamMembers, якщо я всуваю в нього якесь значення, щоб я міг отримати доступ до значень …

89 angular  angular2-template 

Нещодавно я почав використовувати angular 4 замість angular.js 1. Я дотримувався підручника для героїв, щоб дізнатись про основи angular 4, і в даний час я використовую власний "RouterModule" від пакета "@ angular / router". Для реалізації певної авторизації для моєї програми я хотів би знати, як вручну перенаправити на інший …

89 angular 

Моя проблема досить класична. У мене є приватна частина програми, яка стоїть за login form. Коли вхід успішний, він переходить до дочірнього маршруту для програми адміністратора. Моя проблема полягає в тому, що я не можу використовувати, global navigation menuтому що маршрутизатор намагається маршрутизувати в моєму, AdminComponentа не в моєму AppCompoment. …

89 angular  angular-routing  angular-router