Questions marquées «angular»

Comment puis-je introduire quelque chose comme 'my-app-name/services'pour éviter les lignes comme l'importation suivante? import {XyService} from '../../../services/validation/xy.service';

95 typescript  ecmascript-6  angular  angular2-services 

J'obtiens cette erreur après la migration vers NgModule, l'erreur n'aide pas trop, un conseil s'il vous plaît? Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25) at …

95 angular 

Je travaille sur un projet angulaire simple dans lequel j'essaye d'importer Material Design dans mon projet mais certains des composants ne fonctionnent pas correctement et un avertissement de console dit: Impossible de trouver HammerJS. Certains composants de matériau angulaire peuvent ne pas fonctionner correctement. J'ai hammerjsinstallé et aussi @angular/material. Comment …

94 javascript  angular  material-design  hammer.js 

J'utilise Angular 5 et j'ai créé un service en utilisant angular-cli Ce que je veux faire, c'est créer un service qui lit un fichier json local pour Angular 5. C'est ce que j'ai ... je suis un peu coincé ... import { Injectable } from '@angular/core'; import { HttpClientModule } …

94 javascript  json  angular 

Quelqu'un peut-il s'il vous plaît illustrer la différence entre l'utilisation <ng-container>et les <ng-template>éléments? Je n'ai pas pu trouver de documentation NgContaineret je ne comprends pas tout à fait la différence entre les balises template. Un exemple de code de chacun serait grandement utile.

94 angular 

J'ai un AuthGuard (utilisé pour le routage) qui implémente CanActivate . canActivate() { return this.loginService.isLoggedIn(); } Mon problème est que le résultat CanActivate dépend d'un http-get-result - le LoginService renvoie un observable . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } Comment puis-je les réunir - faire dépendre CanActivate d'un état …

94 angular  angular2-routing  angular2-http 

Lors de l'écriture de composants Angular 2.0, comment définir les valeurs par défaut des propriétés? Par exemple, je souhaite définir foosur 'bar'par défaut, mais la liaison peut être immédiatement résolue 'baz'. Comment cela se joue-t-il dans les hooks du cycle de vie? @Component({ selector: 'foo-component' }) export class FooComponent { …

93 angular  typescript 

Je teste en bloc un composant utilisé pour éditer un objet. L'objet a un unique idqui est utilisé afin de récupérer l'objet spécifique d'un tableau d'objets hébergés dans un service. Le spécifique idest obtenu via un paramètre qui est passé via le routage, en particulier via la ActivatedRouteclasse. Le constructeur …

93 unit-testing  angular  angular2-routing  angular2-testing 

Je veux lancer une erreur de l' opérateur cartographique de mon observable en fonction d'une condition. Par exemple, si les données API correctes ne sont pas reçues. Veuillez consulter le code suivant: private userAuthenticate( email: string, password: string ) { return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password}) .map( res => { …

93 angular  typescript  rxjs 

J'ai installé Material for angular, J'ai importé sur mon module d'application MatIconModule (avec import { MatIconModule } from '@angular/material/icon';) Je l'ai ajouté sous mes importations ngmodule avec: @NgModule({ imports: [ //... MatIconModule, //... J'ai importé toutes les feuilles de style Et je l'ai également importé dans mon composant d'application qui …

93 angular  angular-material  angular-material2 

Je voudrais implémenter img, avec un src provenant d'un objet JSON. Dans AngularJS, je pourrais faire: <img ng-src="{{hash}}" alt="Description" /> Y a-t-il un équivalent à cela dans Angular 2+?

92 angular 

Besoin d'aide pour comprendre la signification de {read: ViewContainerRef} dans l'instruction suivante. @ViewChild('myname', {read: ViewContainerRef}) target;

92 angular 

J'ai un composant qui appelle un service pour récupérer des données à partir d'un point de terminaison RESTful. Ce service doit recevoir une fonction de rappel à exécuter après avoir récupéré lesdites données. Le problème est que lorsque j'essaie d'utiliser la fonction de rappel pour ajouter les données aux données …

92 javascript  arrays  typescript  angular 

J'essaie d'itérer sur un formArray dans mon composant mais j'obtiens l'erreur suivante Error: Cannot find control with unspecified name attribute Voici à quoi ressemble la logique sur mon fichier de classe export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): …

92 loops  angular  angular2-forms 

Supposons que j'ai un composant: @Component({ selector: 'MyContainer', template: ` <div class="container"> <!-- some html skipped --> <ng-content></ng-content> <span *ngIf="????">Display this if ng-content is empty!</span> <!-- some html skipped --> </div>` }) export class MyContainer { } Maintenant, je voudrais afficher du contenu par défaut si <ng-content>pour ce composant est …

92 javascript  angular