DokuWiki

User Tools

Site Tools

Trace:
angularjs_2_essential_training:styling_a_component

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

angularjs_2_essential_training:styling_a_component [2016/06/13 18:54] – created leoangularjs_2_essential_training:styling_a_component [2016/06/13 19:13] (current) – leo
Line 14: Line 14:
 </code> </code>
  
-Ou mettre dans du html séparé :+Ou mettre dans du html séparé (la propriété devient templateUrl) :
  
 <code> <code>
 @Component ({ @Component ({
   selector: 'media-tracker-app',   selector: 'media-tracker-app',
-  template: 'app/app.component.html',+  templateUrl: 'app/app.component.html',
 }) })
 </code> </code>
Line 46: Line 46:
 </code> </code>
  
-Pour le mettre ailleurs :+Pour le mettre ailleurs (aussi changement d'URL):
  
 <code> <code>
 @Component ({ @Component ({
   selector: 'media-tracker-app',   selector: 'media-tracker-app',
-  template: 'app/app.component.html', +  templateUrl: 'app/app.component.html', 
-  styles: ['app/app.component.css'],+  styleUrl: ['app/app.component.css'],
 }) })
 </code> </code>
  
 note: angular se charge de modifier les sélecteurs CSS pour cibler les éléments de l'application. note: angular se charge de modifier les sélecteurs CSS pour cibler les éléments de l'application.
angularjs_2_essential_training/styling_a_component.1465836859.txt.gz · Last modified: 2016/06/13 18:54 by leo