Niedawno zacząłem samouczek Angular 2 na https://angular.io/docs/ts/latest/tutorial/ . i skończyłem z Angular 2 beta 8. Teraz wznowiłem samouczek, a najnowszą wersją beta jest beta 14. Jeśli po prostu zrobię aktualizację npm, kilka modułów (wstępnie załadowanych z tutorialem) zostanie...
Jak wyświetlić ekran ładowania, gdy zmienię trasę w Angular
Chciałem zrozumieć te 3: Temat , temat zachowania i temat powtórki . Chciałbym ich używać i wiedzieć, kiedy i dlaczego, jakie są korzyści z ich używania i chociaż przeczytałem dokumentację, obejrzałem tutoriale i przeszukałem google, nie udało mi się tego zrozumieć. Więc jaki jest ich cel?...
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()...
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...
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...
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...
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...
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...
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...
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...
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"...
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,...
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()); }...
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...
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; }...
Chcę używać Chart.js w moim projekcie Angular. W poprzednich wersjach Angular2 robiłem to dobrze, używając 'chart.loader.ts', który ma: export const { Chart } = require('chart.js'); Następnie w kodzie komponentu po prostu import { Chart } from './chart.loader'; Ale po aktualizacji do cli...
Chciałbym dodać kilka linków na mojej stronie Angular2, które po kliknięciu będą przeskakiwać do określonych pozycji na tej stronie, tak jak robią to zwykłe hashtagi. Więc linki wyglądałyby tak /users/123#userInfo /users/123#userPhoto /users/123#userLikes itp. Wydaje mi się, że nie potrzebuję...
Jeśli nie dodać prywatny przed foo, loadBari textuważam, że są publiczne domyślnie. export class RandomComponent { @Input() foo: string; @Output() loadBar = new EventEmitter(); text: string; } Czy istnieje przypadek użycia, gdy są one publicw komponencie? Czy ze względów bezpieczeństwa /...
Czy jest możliwe utworzenie walidatora, który może używać wielu wartości do decydowania, czy moje pole jest prawidłowe? np. jeśli preferowaną metodą kontaktu klienta jest e-mail, to pole e-mail powinno być wymagane. Dzięki. Zaktualizowano przykładowym kodem ... import {Component, View}...