Articles of angular angular2

Angular 2: obtenir RouteParams à partir du composant parent

Comment puis-je obtenir les RouteParams d’un composant parent? App.ts : @Component({ … }) @RouteConfig([ {path: ‘/’, component: HomeComponent, as: ‘Home’}, {path: ‘/:username/…’, component: ParentComponent, as: ‘Parent’} ]) export class HomeComponent { … } Et puis, dans ParentComponent , je peux facilement obtenir mon nom d’utilisateur param et définir les itinéraires enfants. Parent.ts : @Component({ … […]

Angular 2 OrderBy Pipe

Je ne suis pas capable de traduire ce code d’angualr1 en angular2, aucune aide? ng-repeat=”todo in todos | orderBy: ‘completed'” Voici ce que j’ai fait suite à la réponse de Thierry Templier: html template: *ngFor=”#todo of todos | sort” fichier de composant: @Component({ selector: ‘my-app’, templateUrl: “./app/todo-list.component.html”, providers: [TodoService], pipes: [ TodosSortPipe ] }) fichier […]

Avertir l’utilisateur des modifications non enregistrées avant de quitter la page

Je voudrais avertir les utilisateurs des modifications non enregistrées avant de quitter une page particulière de mon application angular 2. Normalement, j’utiliserais window.onbeforeunload , mais cela ne fonctionne pas pour les applications à une seule page. J’ai trouvé que dans angular 1, vous pouvez accéder à l’événement $locationChangeStart pour créer une boîte de confirm pour […]

Angular 2 http.post () n’envoie pas la requête

Lorsque je fais une demande de publication, l’angular 2 http n’envoie pas cette demande this.http.post(this.adminUsersControllerRoute, JSON.ssortingngify(user), this.getRequestOptions()) le message http n’est pas envoyé au serveur mais si je fais la demande comme ça this.http.post(this.adminUsersControllerRoute, JSON.ssortingngify(user), this.getRequestOptions()).subscribe(r=>{}); Est-ce prévu et si c’est le cas quelqu’un peut-il m’expliquer pourquoi? Ou c’est un bug?

Dans Angular 1.x, je peux faire pour créer un lien qui ne fait pratiquement rien: My Link Mais la même balise navigue vers la base de l’application dans Angular 2. Quelle est l’équivalent de cela dans Angular 2? Modifier: Cela ressemble à un bug dans Angular 2 Router et maintenant il y a un problème […]

Comment appeler une autre fonction des composants dans angular2

J’ai deux composants comme suit et je veux appeler une fonction d’un autre composant. Les deux composants sont inclus dans le troisième composant parent à l’aide de la directive. Composant 1: @component( selector:’com1′ ) export class com1{ function1(){…} } Composante 2: @component( selector:’com2′ ) export class com2{ function2(){… // i want to call function 1 […]

Angular2 – ‘routeur-outlet’ n’est pas un élément connu

J’ai créé des itinéraires avec des chemins enfants profonds. J’ai ajouté au composant AdminComponent que j’ai intégré dans NgModule. Mais après avoir rafraîchi la page, j’ai eu cette erreur: ‘router-outlet’ is not a known element Peut-être que cela s’est produit parce que j’ai oublié d’importer un module dans admin.module.ts S’il vous plaît aider. Merci. app.routes.ts […]

Angular 2 @ViewChild dans * ngIf

Question Quelle est la manière la plus élégante d’obtenir @ViewChild après que l’élément correspondant dans le modèle a été affiché? Voici un exemple. Aussi Plunker disponible. Modèle: Composant: export class AppComponent { display = false; @ViewChild(‘contentPlaceholder’, {read: ViewContainerRef}) viewContainerRef; show() { this.display = true; console.log(this.viewContainerRef); // undefined setTimeout(()=> { console.log(this.viewContainerRef); // OK }, 1); } […]

erreur tslint / codelyzer / ng lint: «pour (… dans…) les instructions doivent être filtrées avec une instruction if»

Message d’erreur de peluches: src / app / detail / edit / edit.component.ts [111, 5]: pour (… dans …) les instructions doivent être filtrées avec une instruction if Extrait de code (c’est un code de travail. Il est également disponible dans la section de validation de formulaire angular.io ): for (const field in this.formErrors) { […]

Quelle est la différence entre markForCheck () et detectChanges ()

Quelle est la différence entre ChangeDetectorRef.markForCheck() et ChangeDetectorRef.detectChanges() ? Je n’ai trouvé des informations sur SO que sur la différence entre NgZone.run() , mais pas entre ces deux fonctions. Pour des réponses ne faisant référence qu’à la doc, veuillez illustrer certains scénarios pratiques pour choisir l’un par rapport à l’autre.