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

Я использовал вертикальную черту ниже, чтобы ограничить числа двумя десятичными знаками. {{ exampleNumber | number : '1.2-2' }} Мне было интересно, какова логика «1.2-2»? Я играл с ними, пытаясь создать канал, который фильтрует до нуля десятичных знаков, но безрезультатно.

123 angular  pipe  decimal 

В цс is_edit = trueотключить ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> Я просто хочу отключить ввод на основе trueили false. Я пробовал следующее: [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

В машинописном тексте с использованием Angular 2 мне нужно импортировать два класса с одинаковым именем, но лежащих разными путями. Проект слишком велик, и мне трудно изменить имена экспортируемых классов. Есть ли способ создать псевдоним для импортированных классов, import {Class1} from '../location1/class1' import {Class1} from '../location2/class1'

123 angular  typescript  ionic2 

Можем ли мы использовать перечисления в шаблоне представления angular2? <div class="Dropdown" dropdownType="instrument"></div> передает строку в качестве ввода: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Но как передать конфигурацию enum? Я хочу что-то вроде …

123 enums  angular  angular2-template 

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

123 angular  angular-material  refresh 

Я пришел из мира Asp.Net MVC, где пользователи, пытающиеся получить доступ к странице, которую они не авторизовали, автоматически перенаправляются на страницу входа. Я пытаюсь воспроизвести это поведение на Angular. Я наткнулся на декоратор @CanActivate, но это приводит к тому, что компонент вообще не отображается, нет перенаправления. У меня следующий вопрос: …

122 login  typescript  angular  angular2-routing 

Мне нужно интерполировать значение внутри ngClassвыражения, но я не могу заставить его работать. Я пробовал это решение, которое является единственным, которое имеет для меня смысл, эти два не работают с интерполяцией: <button [ngClass]="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> <button [ngClass]="{namespace + '-mybutton': type === 'mybutton'}"></button> Этот работает с интерполяцией, но не работает …

122 angular 

Я делаю приложение AngularJS 2 с бета-версией. Я хочу показать JSON-представление объекта на моей странице, но оно отображается, [Object Object]а не {key1:value1 ....} Из компонента я могу использовать: get example() {return JSON.stringify(this.myObject)}; а затем в шаблоне: {{example}} но если у меня есть массив объектов, и я хочу напечатать список этих …

122 json  angular 

Я хочу удалить элемент из сохраненного массива в angular 2 с помощью Type Script. Я использую службу под названием Data Service, код DataService: export class DataService { private data: string[] = []; addData(msg: string) { this.data.push(msg); } getData() { return this.data; } deleteMsg(msg: string) { delete [this.data.indexOf(msg)]; } } И …

122 javascript  angular  typescript 

Я хочу использовать радиокнопку в форме с использованием Angular 2 Options : <br/> 1 : <input name="options" ng-control="options" type="radio" value="1" [(ng-model)]="model.options" ><br/> 2 : <input name="options" ng-control="options" type="radio" value="2" [(ng-model)]="model.options" ><br/> Начальное значение model.options равно 1 когда страница загружена, первая радиокнопка не проверяется, и модификации не привязаны к модели Любая …

121 forms  radio-button  angular 

Я хочу, чтобы div скользил справа в angular 2 с помощью css. <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> Я отлично работаю, если использую [ngClass] только для переключения класса и использования непрозрачности. Но я не хочу, чтобы этот элемент отображался с самого начала, поэтому я сначала …

121 css  angular  angular-animations 

Я использую Angular 4 HttpClientдля отправки запросов во внешнюю службу. Это очень стандартная установка: this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } Проблема в том, что когда запрос не выполняется, я вижу Http failure response for (unknown url): 0 Unknown …

121 angular  typescript 

У меня есть служба, в которой есть этот метод: export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } …

121 typescript  promise  angular  observable  rxjs 

Итак, следующий код находится в Angular 4, и я не могу понять, почему он работает не так, как ожидалось. Вот фрагмент моего обработчика: onUpdatingServerName(event: Event) { console.log(event); this.newserverName = event.target.value; //this wont work } HTML-элемент: <input type="text" class="form-control" (input)="onUpdatingServerName($event)"> Код дает мне ошибку: Свойство value не существует для типа EventTarget. …

121 javascript  angular  typescript 

Я хочу использовать Chart.js в моем проекте Angular. В предыдущих версиях Angular2 я хорошо справлялся с этим, используя «chart.loader.ts», который имеет: export const { Chart } = require('chart.js'); Затем в коде компонента я просто import { Chart } from './chart.loader'; Но после обновления до cli 1.0.0 и Angular 4 я …

120 angular  angular-cli