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

Как кодировать или декодировать строку в angular 2 с помощью base64 ??? Мой интерфейсный инструмент - Angular 2. У меня была строка пароля, прежде чем передать ее в API, мне нужно закодировать base64. Так как в сервисе будет декодироваться строка в кодировке base64. Итак, я ищу некоторую библиотеку кодирования / …

88 angular  typescript  npm-install 

Текущая команда: ng serve --host --public $IP:$PORT Результаты на моем сайте: Недействительный заголовок хоста

88 angular  angular-cli  c9.io 

У меня такое событие щелчка <button (click)="toggle($event)" class="someclass" id="btn1"></button> <button (click)="toggle($event)" class="someclass" id="btn2"></button> Я улавливаю событие в параметре ввода моей функции и хочу узнать, какая именно кнопка была нажата. toggle(event) { } но eventне имеет idсобственности. altKey: false bubbles: true button: 0 buttons: 0 cancelBubble: false cancelable: true clientX: 1198 …

88 angular 

У меня вопрос по Angular Material (с Angular 4+). Скажем, в моем шаблоне компонента я добавляю <mat-horizontal-stepper>компонент, и на каждом шаге у <mat-step>меня есть пошаговые кнопки для навигации по компоненту. Вот так... <mat-horizontal-stepper> <mat-step> Step 1 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> <mat-step> Step 2 <button mat-button …

88 angular  angular-material  angular-material2 

Мне не удается узнать, как отметить все поля формы как затронутые. Основная проблема в том, что если я не касаюсь полей и не пытаюсь отправить форму - ошибка проверки не отображается. У меня есть заполнитель для этого фрагмента кода в моем контроллере. Моя идея проста: пользователь нажимает кнопку отправки все …

88 angular  angular-reactive-forms  angular2-forms  angular2-formbuilder 

Я хочу добавить App Settingsв свое приложение раздел, в котором он будет содержать некоторые константы и предварительно определенные значения. Я уже читал этот ответ, в котором используется, OpaqueTokenно он устарел в Angular. Эта статья объясняет различия, но не дает полного примера, и мои попытки не увенчались успехом. Вот что я …

87 javascript  angular 

мой проект был создан с помощью [Angular CLI] версии 1.2.6. Я могу скомпилировать проект, и он работает нормально, но я всегда получаю ошибку в коде vs, говоря, что я не могу найти модуль '@ angular / core' не может найти модуль '@ angular / router' не может найти модуль ..... …

87 angular  visual-studio-code 

У меня есть компонент, который использует EventEmitter, а EventEmitter используется, когда кто-то щелкает на странице. Есть ли способ, которым я могу наблюдать за EventEmitter во время модульного теста и использовать TestComponentBuilder, чтобы щелкнуть элемент, который запускает метод EventEmitter.next (), и посмотреть, что было отправлено?

87 unit-testing  angular 

У меня есть простой угловой компонент 2 с шаблоном. Как очистить форму и все поля после отправки ?. Не могу перезагрузить страницу. После установки данные с date.setValue('')полем по-прежнему touched. import {Component} from 'angular2/core'; import {FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators, Control} from 'angular2/common'; @Component({ selector: 'loading-form', templateUrl: 'app/loadings/loading-form.component.html', directives: [FORM_DIRECTIVES] }) export …

87 angular  angular2-forms 

Маршрут const appRoutes: Routes = [ { path: '', redirectTo: '/companies/unionbank', pathMatch: 'full'}, { path: 'companies/:bank', component: BanksComponent }, { path: '**', redirectTo: '/companies/unionbank' } ] Составная часть const NAVBAR = [ { name: 'Banks', submenu: [ { routelink: '/companies/unionbank', name: 'Union Bank' }, { routelink: '/companies/metrobank', name: 'Metro Bank' …

87 angular  angular2-routing 

Я добавил CORS в заголовок, но в моем запросе все еще возникает проблема CORS. Как правильно добавлять и обрабатывать CORS и другие запросы в заголовках? Вот код служебного файла: import { HttpClient, HttpHeaders, HttpClientModule } from '@angular/common/http'; const httpOptions = { headers: new HttpHeaders({ 'Access-Control-Allow-Origin':'*', 'Authorization':'authkey', 'userid':'1' }) }; public …

87 angular  angular5 

Надеюсь, простой вопрос. Я хочу запустить скрипт, когда запущен Angular2-эквивалент $ document.ready (). Как лучше всего этого добиться? Я пробовал поставить скрипт в конец index.html, но, как выяснил, не работает! Я так понимаю, это должно быть в каком-то объявлении компонента? Можно ли запустить загрузку скрипта из .jsфайла? РЕДАКТИРОВАТЬ - Код: …

86 angular 

Я только начал работать с Angular 2. Мне было интересно, в чем разница между компонентами и директивами в Angular 2?

86 angular  components  angular-directive  angular2-directives 

С angular-cli ng serveлокальным сервером разработки он обслуживает все статические файлы из каталога моего проекта. Как я могу проксировать свои вызовы AJAX на другой сервер?

86 angular  angular-cli 

Когда вы используете функцию async в TestBed при тестировании в Angular 2? Когда вы это используете? beforeEach(() => { TestBed.configureTestingModule({ declarations: [MyModule], schemas: [NO_ERRORS_SCHEMA], }); }); А когда ты этим пользуешься? beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [MyModule], schemas: [NO_ERRORS_SCHEMA], }); })); Может ли кто-нибудь просветить меня по этому поводу?

86 angular  unit-testing  karma-jasmine  angular2-testing  angular-test