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

Поточна команда: ng serve --host --public $IP:$PORT Результати на моєму веб-сайті: Недійсний заголовок хосту

84 angular  angular-cli  c9.io 

У нас є компонент, який має динамічно побудовану форму. Код для додавання елемента керування за допомогою валідаторів може виглядати так: var c = new FormControl('', Validators.required); Але скажімо, що я хочу додати 2-й Валідатор пізніше . Як ми можемо досягти цього? Ми не можемо знайти жодної документації щодо цього в …

84 angular  forms  angular-reactive-forms 

У мене є модаль, який містить форму, коли модаль знищений, я отримую таку помилку в консолі: Подання форми скасовано, оскільки форма не пов’язана Модаль додається до <modal-placeholder>елемента, який є прямим нащадком для <app-root>мого елемента верхнього рівня. Який правильний спосіб видалити форму з DOM і позбутися цієї помилки в Angular 2? …

84 javascript  html  angular  forms  angular-forms 

Я намагаюся прив'язати властивість кольору з мого класу (придбаного за допомогою прив'язки атрибутів), щоб встановити параметр background-colormy div. import {Component, Template} from 'angular2/angular2'; @Component({ selector: 'circle', bind:{ "color":"color" } }) @Template({ url: System.baseURL + "/components/circle/template.html", }) export class Circle { constructor(){ } changeBackground():string{ return "background-color:" + this.color + ";"; } …

84 angular 

У мене є звичайна таблиця даних Angular Material 2 з заголовками сортування. Всі сорти - заголовки працюють нормально. За винятком того, що має об’єкт як значення. Вони взагалі не сортуються. Наприклад: <!-- Project Column - This should sort!--> <ng-container matColumnDef="project.name"> <mat-header-cell *matHeaderCellDef mat-sort-header> Project Name </mat-header-cell> <mat-cell *matCellDef="let element"> {{element.project.name}} …

84 angular  angular-material2 

У мене є компонент angular 5, який повинен відкрити посилання в новій вкладці, я спробував наступне: <a href="www.example.com" target="_blank">page link</a> коли я відкриваю посилання, програма стає повільною і відкриває такий маршрут, як: localhost:4200/www.example.com Моє запитання: Який правильний спосіб зробити це в кутовому режимі?

84 html  angular  routes  anchor 

У мене є програма, де є компонент завантаження, куди я можу завантажити файл. Він вбудований в body.component. Під час завантаження він повинен використовувати функцію (наприклад BodyComponent.thefunction()) батьківського компонента (зробити виклик для оновлення даних): але лише якщо батьківським компонентом є саме body.component. Завантаження також може використовуватися в інших місцях з іншою …

83 angular 

Я не новачок у Angular 2 та TypeScript, і я намагаюся дотримуватися найкращих практик. Замість того, щоб використовувати просту модель JavaScript ({}), я намагаюся створити клас TypeScript. Однак, Angular 2, схоже, не подобається. Мій код: import { Component, Input } from "@angular/core"; @Component({ selector: "testWidget", template: "<div>This is a test …

83 class  typescript  angular 

Чи можна мати один і той же шаблон маршрутизатора? Якщо так, то як налаштувати маршрути? Я використовую angular2 beta.

83 angular  angular2-routing  angular2-template 

Я модернізував свій проект до Angular 6, і все пройшло нормально, крім перетворення .angular-cli.jsonфайлу. З керівництва, за яким я слідував, було сказано, що це перетворить його автоматично. npm встановити -g @ angular / cli npm встановити @ angular / cli оновлення @ angular / cli Однак це було не так, …

83 angular 

Я довкола шукав кутові файли Angular, але не зміг знайти, як реалізувати управління файлами cookie в Angular. Чи є спосіб керувати файлами cookie (наприклад, $ cookie в AngularJS)?

83 javascript  angular  typescript 

Я намагаюся використовувати захисні пристрої маршрутизатора Angular2, щоб обмежити доступ до деяких сторінок у моєму додатку. Я використовую автентифікацію Firebase. Для того, щоб перевірити, чи ввійшов користувач у систему Firebase, мені потрібно зателефонувати .subscribe()на FirebaseAuthоб'єкт із зворотним викликом. Це код для охоронця: import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from …

83 typescript  angular  angular2-routing 

Я переходжу від Webstorm до Visual Studio Code. Виступ у Webstorm є жахливим. Код Visual Studio не надто допомагає знайти залежності, які мені потрібні, та імпортувати їх. До цього часу я робив це вручну, але, чесно кажучи, я волів би зачекати 15 секунд, поки webstorm знайде та додасть мій імпорт, …

83 typescript  angular  visual-studio-code 

Коли я створюю проект за допомогою Angular CLI (8.0.0), я запускаю ng serve, відкриваю програму в Internet Explorer, і перед вами з'являється порожній екран. Я подивився polyfills.tsфайли і прокоментував такі рядки: import 'classlist.js'; import 'web-animations-js'; Я також видалив усі імпорти core.js, оскільки Angular 8 безпосередньо підтримує core.js 3.0. Я також …

83 angular  angular-cli  polyfills  angular8 

Я використовую 5-хвилинний швидкий старт з веб-сайту angular.io, який містить файлову структуру, подібну до цієї: angular2-quickstart app app.component.ts boot.ts index.html license.md package.json tsconfig.json tsconfig.json - це такий код: { "compilerOptions": { "target": "ES5", "module": "system", "moduleResolution": "node", "sourceMap": true, "emitDecoratorMetadata": true, "experimentalDecorators": true, "removeComments": false, "noImplicitAny": false }, "exclude": [ …

82 javascript  json  angular