Wiki SGY.io

Outils pour utilisateurs

Outils du site

Piste :
web:javascript:angular:fundamentals

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
web:javascript:angular:fundamentals [2018/06/14 19:31] – [Utiliser les liens] sgariepyweb:javascript:angular:fundamentals [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
Ligne 10: Ligne 10:
  
   $ ng set defaults.styleExt scss   $ ng set defaults.styleExt scss
 +  
 +ou bien:
 +
 +  $ ng new my-new-app --style=scss
  
  
Ligne 23: Ligne 27:
  
 On peut visiter l'application avec http://localhost:4200. On peut visiter l'application avec http://localhost:4200.
 +
 +
 +===== Utiliser SSL =====
 +
 +Dans package.json:
 +
 +  "start:ssl": "ng serve --port 8000 --hmr --ssl true --ssl-cert ssl/server.crt --ssl-key ssl/server.key"
 +
 +
 +
 +===== Librairie =====
 +
 +
 +  $ ng generate library
 +
 +
 +
  
 ===== Exécuter les tests ===== ===== Exécuter les tests =====
Ligne 265: Ligne 286:
 <h3>{{thumbnail.someProperty}}</h3> <h3>{{thumbnail.someProperty}}</h3>
 </code> </code>
 +
 +===== Titre =====
 +
 +Pour modifier le titre du navigateur par rapport à un composant, on peut utiliser ''Title''.
 +
 +<code javascript>
 +import { Title } from "@angular/platform-browser"@Component({
 +    ...
 +})
 +export class LoginComponent implements OnInit {
 +    constructor(private title: Title) {}    ngOnInit() {
 +        title.setTitle("Login")
 +    }
 +}
 +</code>
 +
  
 ===== Styliser un composant ===== ===== Styliser un composant =====
Ligne 1282: Ligne 1319:
  
 Pour d'autres validators, voir [[https://angular.io/api/forms/Validators|Validators]] de la documentation d'Angular. Pour d'autres validators, voir [[https://angular.io/api/forms/Validators|Validators]] de la documentation d'Angular.
 +
 +
 +===== Ajout de validateurs =====
 +
 +
 +On peut ajouter des validateurs par programmation à un ''FormControl''.
 +
 +
 +    formControl.setValidators([Validators.required, Validators.maxLength(10)]);
 +    formControl.updateValueAndValidity();
 +
 +
 +Supprimer les validateurs:
 +
 +    formControl.clearValidators();
 +
  
  
Ligne 1671: Ligne 1724:
  
   let emitter = new EventEmitter();   let emitter = new EventEmitter();
 +
 +
 +
 +====== Débugger un component dans la console ======
 +
 +    ng.probe($0).componentInstance
 +
 +La référence ''$0'' étant le node du DOM sélectionné dans DevTools/Elements.
 +
 +
 +[[https://juristr.com/blog/2016/02/debugging-angular2-console/|Debugging Angular Applications from the Console]]
  
  
web/javascript/angular/fundamentals.1528997512.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)