Articles of angular angular2

Angular2, quelle est la bonne façon de désactiver un élément d’ancrage?

Je travaille sur une application Angular2 et je dois afficher – mais disable un élément HTML . Quelle est la bonne façon de faire cela? Actualisé S’il vous plaît noter le *ngFor , cela empêcherait l’option d’utiliser *ngIf et ne pas rendre le tout . {{ link.name }} Le composant TypeScript a une méthode qui […]

Définir l’URL de base pour les requêtes angulars 2 http

J’essaie de définir l’URL de base pour toutes mes requêtes angulars 2 http. Voici la configuration de base pour mon application. class HttpOptions extends BaseRequestOptions { url:ssortingng = “http://10.7.18.21:8080/api/”; } bootstrap(AppComponent, [ HTTP_PROVIDERS, provide(RequestOptions, {useClass: HttpOptions}) ]); export class AppComponent { users:Array constructor(private http: Http) { http.get(“/users”) .subscribe(res => this.users = res.json()); } } La […]

RouterLink ne fonctionne pas

Mon routage dans les applications angular2 fonctionne bien. Mais je vais faire un itinéraire basé sur ceci : Voici mon routage: const routes: RouterConfig = [ { path:’home’ , component: FormComponent }, { path:’about’, component: AboutComponent }, { path:’**’ , component: FormComponent } ]; Et voici les liens que j’ai faits: Home About this Je […]

Obtenir une instance de service sans injection de constructeur

J’ai un service @Injectable défini dans bootstrap. Je veux obtenir l’instance du service sans utiliser l’injection de constructeur. J’ai essayé d’utiliser ReflectiveInjector.resolveAndCreate mais cela semble créer une nouvelle instance. La raison pour laquelle j’essaie de le faire est d’avoir un composant de base dérivé de nombreux composants. Maintenant, j’ai besoin d’accéder à un service mais […]

Angular 2 ngModel dans le composant enfant met à jour la propriété du composant parent

J’ai créé une interface utilisateur simple composée de deux composants (parent et enfant). Qu’est-ce que l’interface utilisateur fait c’est que lorsque je tape des choses dans la zone de saisie du composant enfant. La valeur changera en utilisant ngModel. Le composant enfant fonctionne correctement de cette façon. // Child Component @Component({ selector: ‘child’, template: ` […]

Angular 2: Comment utiliser / importer le module http?

Je joue avec Angular 2 Quickstart . Comment puis-je utiliser / importer le module http dans Angular 2? J’ai regardé le fichier .js de Angular 2 Todo , mais il n’utilise pas le module http. J’ai ajouté “ngHttp”: “angular/http”, à des dependencies dans package.json car j’ai entendu que Angular 2 était quelque peu modulaire

Comment créez-vous des animations réutilisables dans Angular 2?

Je joue avec l’API Animation, et j’aimerais créer une animation réutilisable telle que le glissement de contenu pour les vues de routeur de haut niveau. J’ai réussi à passer à travers la syntaxe des métadonnées géniales (qui est en fait plutôt cool une fois passé l’idée folle d’utiliser des métadonnées) pour que les animations fonctionnent […]

Passer les énumérations dans les modèles de vue angular2

Peut-on utiliser des énumérations dans un modèle de vue angular2? passe la chaîne en entrée: enum DropdownType { instrument, account, currency } @Component({ selector: ‘[.Dropdown]’, }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Mais comment passer une configuration enum? Je veux quelque chose comme ça dans le modèle: Quelle […]

Comment configurer un environnement de développement différent dans l’application Angular 2

J’ai un fichier constant export class constants { public static get API_ENDPOINT(): ssortingng { return ‘https://dvelopment-server/’; } } Et je l’ai importé à mon service private _registrationUrl = constants.API_ENDPOINT+’api/v1/register’; Comment puis-je modifier l’endpont avec le changement de serveur? J’ai un serveur de développement de serveur de développement et un serveur local. Je veux que l’application […]

Comment recharger la route actuelle avec le routeur angular 2

J’utilise l’angular 2 avec la stratégie de hashlocation. Le composant est chargé avec cette route: “departments/:id/employees” Jusqu’ici tout va bien. Après avoir effectué une sauvegarde par lots réussie de plusieurs lignes de la table modifiée, je souhaite recharger l’URL de la route actuelle via: this.router.navigate([`departments/${this.id}/employees`]); Mais rien ne se passe, pourquoi?