iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(toh5): add better explanations for templateUrl 

closes #929
This commit is contained in:
Foxandxss 2016-03-08 13:45:29 +01:00 committed by Ward Bell
parent 7c23ebc823
commit af1eaae873
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/docs/_examples/toh-5/ts/app/dashboard.component.ts
View File

@ -10,7 +10,9 @@ import { HeroService } from './hero.service';
@Component({ @Component({
selector: 'my-dashboard', selector: 'my-dashboard',
// #docregion template-url
templateUrl: 'app/dashboard.component.html', templateUrl: 'app/dashboard.component.html',
// #enddocregion template-url
// #docregion css // #docregion css
styleUrls: ['app/dashboard.component.css'] styleUrls: ['app/dashboard.component.css']
// #enddocregion css // #enddocregion css

8
public/docs/ts/latest/tutorial/toh-pt5.jade
View File

@ -281,8 +281,13 @@ code-example(format="." language="bash").
Let’s spice up the dashboard by displaying the top four heroes at a glance. Let’s spice up the dashboard by displaying the top four heroes at a glance.
Replace the `template` metadata with a `templateUrl` property that points to a new Replace the `template` metadata with a `templateUrl` property that points to a new
template file, `dashboard.component.html`. template file.
+makeExample('toh-5/ts/app/dashboard.component.ts', 'template-url', 'app/dashboard.component.ts (templateUrl)')(format=".")
.l-sub-section
:marked
Even if the template sits on the same folder as the component, the path for the template will be root-relative.
:marked
Create that file with these contents: Create that file with these contents:
+makeExample('toh-5/ts/app/dashboard.component.html', null, 'dashboard.component.html')(format=".") +makeExample('toh-5/ts/app/dashboard.component.html', null, 'dashboard.component.html')(format=".")
:marked :marked
@ -581,6 +586,7 @@ figure.image-display
:marked :marked
The `styleUrls` property is an array of style file names (with paths). The `styleUrls` property is an array of style file names (with paths).
We could list multiple style files from different locations if we needed them. We could list multiple style files from different locations if we needed them.
Like with `templateUrl`, the paths are root-relative.
:marked :marked
### Stylish Hero Details ### Stylish Hero Details
The designers also gave us CSS styles specifically for the `HeroDetailComponent`. The designers also gave us CSS styles specifically for the `HeroDetailComponent`.