Pytania otagowane jako angular

Próbuję wykryć zmianę ngModelw <select>tagu. W Angular 1.x możemy rozwiązać ten problem za pomocą opcji $watchon ngModellub używając ngChange, ale jeszcze nie rozumiem, jak wykryć zmianę ngModelw Angular 2. Pełny przykład : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' }) @View({ directives: …

97 javascript  angular 

Potrzebuję timera w Angular 2, który tyka po pewnym czasie i wykonuję jakieś zadanie (może być wywołanie niektórych funkcji). Jak to zrobić w Angular 2?

97 javascript  angular 

Chciałbym markAsDirtywszystkie elementy sterujące wewnątrz pliku FormGroup.

97 angular 

Obecnie próbuję nauczyć się Angular2 i TypeScript po szczęśliwej pracy z AngularJS 1. * przez ostatnie 4 lata! Muszę przyznać, że go nienawidzę, ale jestem pewien, że mój moment eureki jest tuż za rogiem ... w każdym razie napisałem usługę w mojej fałszywej aplikacji, która pobierze dane http z fałszywego …

96 typescript  angular  observable  rxjs 

Jak mogę wprowadzić coś takiego, 'my-app-name/services'aby uniknąć wierszy takich jak następujący import? import {XyService} from '../../../services/validation/xy.service';

96 typescript  ecmascript-6  angular  angular2-services 

Czy ktoś może zilustrować różnicę między użyciem <ng-container>a <ng-template>elementami? Nie mogłem znaleźć dokumentacji dla NgContaineri nie do końca rozumiem różnicę między tagiem szablonu. Przykład kodu każdego z nich byłby bardzo pomocny.

96 angular 

Właśnie stworzyłem zupełnie nowy angular-cliproject i uruchomiono npm install bootstrap@4.0.0-beta jquery popper.js --save i zmieniono powiązane części pliku .angular-cli.json , jak poniżej "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], jednak otrzymując poniższy błąd 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js …

95 twitter-bootstrap  angular  webpack  popper.js 

Jak zadeklarować funkcję wewnątrz komponentu (maszynopisu) i wywołać ją na zdarzeniu kliknięcia w Angular 2? Poniżej znajduje się kod dla tej samej funkcjonalności w Angular 1, dla której potrzebuję kodu Angular 2: <button ng-click="myFunc()"></button> //kontroler app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);

95 javascript  angular  typescript 

Pracuję nad prostym projektem kątowym, w którym próbuję zaimportować Material Design do mojego projektu, ale niektóre komponenty nie działają poprawnie, a ostrzeżenie konsoli mówi: Nie można znaleźć HammerJS. Niektóre komponenty Angular Material mogą nie działać poprawnie. Mam hammerjszainstalowany i również @angular/material. Jak rozwiązać ten problem? Dygresja Może warto zauważyć, że …

94 javascript  angular  material-design  hammer.js 

Chciałbym zaimplementować img, z src pochodzącym z obiektu JSON. W AngularJS mogłem zrobić: <img ng-src="{{hash}}" alt="Description" /> Czy istnieje odpowiednik tego w Angular 2+?

94 angular 

Potrzebujesz pomocy, aby zrozumieć znaczenie {read: ViewContainerRef} w następującym oświadczeniu. @ViewChild('myname', {read: ViewContainerRef}) target;

94 angular 

Mam komponent, który wywołuje usługę do pobierania danych z punktu końcowego RESTful. Ta usługa musi otrzymać funkcję zwrotną do wykonania po pobraniu wspomnianych danych. Problem polega na tym, że gdy próbuję użyć funkcji wywołania zwrotnego, aby dołączyć dane do istniejących danych w zmiennej składnika, otrzymuję plik EXCEPTION: TypeError: Cannot read …

94 javascript  arrays  typescript  angular 

Próbuję wysłać żądanie POST, ale nie mogę go uruchomić: testRequest() { var body = 'username=myusername?password=mypassword'; var headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); this.http .post('/api', body, { headers: headers }) .subscribe(data => { alert('ok'); }, error => { console.log(JSON.stringify(error.json())); }); } Zasadniczo chcę replikować to żądanie http (nie ajax), tak jakby …

94 typescript  angular 

Mam AuthGuard (używany do routingu), który implementuje CanActivate . canActivate() { return this.loginService.isLoggedIn(); } Mój problem polega na tym, że wynik CanActivate zależy od wyniku http-get - usługa logowania zwraca Observable . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } Jak mogę to połączyć - sprawić, by CanActivate zależało od stanu …

94 angular  angular2-routing  angular2-http 

let httpParams = new HttpParams().set('aaa', '111'); httpParams.set('bbb', '222'); Dlaczego to nie działa? Ustawia tylko „aaa”, a NIE „bbb” Mam także obiekt {aaa: 111, bbb: 222} Jak mogę ustawić wszystkie wartości bez zapętlania? UPDATE (to wydaje się działać, ale jak można uniknąć pętli?) let httpParams = new HttpParams(); Object.keys(data).forEach(function (key) { …

94 angular  angular-http