angular-docs-cn/aio/content/cheatsheet/component-configuration.md
Pete Bacon Darwin 600402d440 build(aio): big move of docs related files (#14361)
All the docs related files (docs-app, doc-gen, content, etc)
are now to be found inside the `/aio` folder.

The related gulp tasks have been moved from the top level
gulp file to a new one inside the `/aio` folder.

The structure of the `/aio` folder now looks like:

```
/aio/
  build/         # gulp tasks
  content/       #MARKDOWN FILES for devguides, cheatsheet, etc
    devguides/
    cheatsheets/
  transforms/    #dgeni packages, templates, etc
  src/
    app/
    assets/
    content/    #HTML + JSON build artifacts produced by dgeni from /aio/content.
                #This dir is .gitignored-ed
  e2e/           #protractor tests for the doc viewer app
  node_modules/ #dependencies for both the doc viewer builds and the dgeni stuff
                #This dir is .gitignored-ed
  gulpfile.js   #Tasks for generating docs and building & deploying the doc viewer
```

Closes #14361
2017-02-09 11:58:36 -08:00

1.1 KiB
Raw Blame History

@cheatsheetSection Component configuration @cheatsheetIndex 7 @description {@target js}ng.core.Component extends ng.core.Directive, so the ng.core.Directive configuration applies to components as well{@endtarget} {@target ts}@Component extends @Directive, so the @Directive configuration applies to components as well{@endtarget}

@cheatsheetItem syntax: moduleId: module.id|moduleId: description: If set, the templateUrl and styleUrl are resolved relative to the component.

@cheatsheetItem syntax(ts): viewProviders: [MyService, { provide: ... }]|viewProviders: syntax(js): viewProviders: [MyService, { provide: ... }]|viewProviders: description: List of dependency injection providers scoped to this component's view.

@cheatsheetItem syntax: template: 'Hello {{name}}' templateUrl: 'my-component.html'|template:|templateUrl: description: Inline template or external template URL of the component's view.

@cheatsheetItem syntax: styles: ['.primary {color: red}'] styleUrls: ['my-component.css']|styles:|styleUrls: description: List of inline CSS styles or external stylesheet URLs for styling the components view.