Pytania otagowane jako angular

Pytania na temat Angular (nie mylić z AngularJS), frameworkiem internetowym od Google. Użyj tego znacznika do pytań Angular, które nie są specyficzne dla poszczególnych wersji. W starszym frameworku sieciowym AngularJS (1.x) użyj znacznika angularjs.

17
Jak sprawdzić wersję Angular?
Zainstalowałem @angular/clipakiet przez npm, używając tego polecenia: npm install -g @angular/cli Wersja 1.4.2 @ angular / cli została pomyślnie zainstalowana. Ale to nie jest wersja Angular, ale wersja CLI. Po uruchomieniu, ng new myappjak mogę sprawdzić, w której wersji Angular jest utworzona aplikacja? 2.x, 4.x?
4
Jakie są parametry numeru Pipe - Angular 2
Użyłem pionowej kreski poniżej, aby ograniczyć liczby do dwóch miejsc po przecinku. {{ exampleNumber | number : '1.2-2' }} Zastanawiałem się, jaka jest logika stojąca za „1.2-2”? Bawiłem się nimi, próbując uzyskać potok, który filtruje do zera miejsc po przecinku, ale bezskutecznie.
123 angular  pipe  decimal 
14
Jak wyłączyć wejście w angular2
W ts, is_edit = trueaby wyłączyć ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> Chcę po prostu wyłączyć dane wejściowe oparte na truelub false. Próbowałem śledzić: [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"
4
Przekaż wyliczenia w szablonach widoków angular2
Czy możemy używać wyliczeń w szablonie widoku angular2? <div class="Dropdown" dropdownType="instrument"></div> przekazuje ciąg jako dane wejściowe: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Ale jak przekazać konfigurację wyliczenia? Chcę coś takiego w szablonie: …
6
Dynamiczna nazwa klasy wewnątrz ngClass w kątowej 2
Muszę interpolować wartość wewnątrz ngClasswyrażenia, ale nie mogę zmusić go do działania. Wypróbowałem te rozwiązania, które jako jedyne mają dla mnie sens, te dwa zawodzą z interpolacją: <button [ngClass]="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> <button [ngClass]="{namespace + '-mybutton': type === 'mybutton'}"></button> Ten działa z interpolacją, ale kończy się niepowodzeniem z dynamicznie dodaną …
122 angular 
7
Angular przekierowanie do strony logowania
Pochodzę ze świata Asp.Net MVC, w którym użytkownicy próbujący uzyskać dostęp do nieautoryzowanej strony są automatycznie przekierowywani na stronę logowania. Próbuję odtworzyć to zachowanie w Angular. Natknąłem się na dekorator @CanActivate, ale powoduje to, że komponent w ogóle nie renderuje się, nie ma przekierowania. Moje pytanie jest następujące: Czy Angular …
9
Jak wyświetlić reprezentację JSON, a nie [Object Object] na ekranie
Tworzę aplikację AngularJS 2 w wersji beta. Chcę pokazać reprezentację obiektu w formacie JSON na mojej stronie, ale to pokazuje, [Object Object]a nie {key1:value1 ....} Z komponentu, którego mogę użyć: get example() {return JSON.stringify(this.myObject)}; a następnie w szablonie: {{example}} ale jeśli mam tablicę obiektów i chciałbym wydrukować listę tych obiektów, …
122 json  angular 
1
Importuj dwie wyeksportowane klasy o tej samej nazwie
W maszynopisie, używając Angular 2, muszę zaimportować dwie klasy o tej samej nazwie, ale leżące w różnych ścieżkach. Projekt jest zbyt duży, więc trudno mi zmienić wyeksportowane nazwy klas. Czy istnieje sposób na aliasowanie zaimportowanych klas, import {Class1} from '../location1/class1' import {Class1} from '../location2/class1'
23
Angular + Material - Jak odświeżyć źródło danych (mat-table)
Używam tabeli mat do spisania treści w wybranych językach przez użytkowników. Mogą również dodawać nowe języki za pomocą panelu dialogowego. Po dodaniu języka i powrocie. Chcę, aby moje źródło danych odświeżyło się, aby pokazać wprowadzone przez nie zmiany. Inicjalizuję magazyn danych, pobierając dane użytkownika z usługi i przekazując je do …
7
kątowe 2 ngIf i przejście / animacja CSS
Chcę, aby element DIV wsuwał się od prawej strony w kątowej 2 za pomocą CSS. <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> Działa dobrze, jeśli używam [ngClass] tylko do przełączania klas i wykorzystywania krycia. Ale nie chcę, aby ten element był renderowany od początku, więc najpierw …
19
Otrzymuję „Odpowiedź błędu HTTP dla (nieznany adres URL): 0 Nieznany błąd” zamiast rzeczywistego komunikatu o błędzie w Angular
Używam Angular 4 HttpClientdo wysyłania żądań do usługi zewnętrznej. To bardzo standardowa konfiguracja: this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } Problem polega na tym, że gdy żądanie nie powiedzie się, Http failure response for (unknown url): 0 Unknown Errorw …
5
Jak utworzyć Observable z danych statycznych, podobnie jak http w Angular?
Mam usługę, która ma tę metodę: 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()); } } } w konstruktorze komponentu …
17
Angular2 - Wiązanie przycisku radiowego
Chcę użyć przycisku opcji w formularzu używającym 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/> wartość początkowa model.options to 1 kiedy strona jest ładowana, pierwszy przycisk opcji nie jest zaznaczony, a modyfikacje nie są powiązane …
11
usuń element z przechowywanej tablicy w kątowej 2
Chcę usunąć element z przechowywanej tablicy w kątowej 2 za pomocą skryptu typu. Korzystam z usługi o nazwie Usługa danych, kod usługi danych : 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)]; } } …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.