d86be245b8
In Angular 1.5 there is a new helper method for creating component directives. See https://docs.angularjs.org/guide/component for more information about components. These kind of directives only match the `E` element form and the previously component router only created HTML that matched directives that matched the `A` attribute form. This commit changes the `<ng-outlet>` directive so that it generates custom HTML elements rather divs with custom attributes to trigger the relevant component to appear in the DOM. Going forward, Angular 1.5 users are encouraged to create their router components using the following style: ``` myModule.componnet('component-name', { // component definition object }); ``` Closes angular/angular.js#13860 Closes #6076 Closes #5278 BREAKING CHANGE: The component router now creates custom element HTML rather than custom attribute HTML, in order to create a new component. So rather than ```html <div custom-component></div> ``` it now creates ```html <custom-component></custom-component> ``` If you defined you router components using the `directive()` helper and specified the `restrict` properties such that element matching was not allowed, e.g. `restrict: 'A'` then these components will no longer be instantiated by the component router and the outlet will be empty. The fix is to include `E` in the `restrict` property. `restrict: 'EA'` Note that this does not affect directives that did not specify the `restrict` property as the default for this property is already `EA`. |
||
|---|---|---|
| modules | ||
| modules_dart | ||
| scripts | ||
| tools | ||
| typing_spec | ||
| .bowerrc | ||
| .clang-format | ||
| .editorconfig | ||
| .gitattributes | ||
| .gitignore | ||
| .nvmrc | ||
| .travis.yml | ||
| CHANGELOG.md | ||
| COMMITTER.md | ||
| CONTRIBUTING.md | ||
| DEVELOPER.md | ||
| LICENSE | ||
| NAMING.md | ||
| README.md | ||
| TOOLS.md | ||
| TOOLS_DART.md | ||
| TOOLS_JS.md | ||
| TRIAGE_AND_LABELS.md | ||
| bower.json | ||
| browser-providers.conf.js | ||
| circle.yml | ||
| gulpfile.js | ||
| karma-dart-evalcache.js | ||
| karma-dart.conf.js | ||
| karma-js.conf.js | ||
| npm-shrinkwrap.clean.json | ||
| npm-shrinkwrap.json | ||
| npm-shrinkwrap.readme.md | ||
| package.json | ||
| perf-cloud-secret.template.js | ||
| protractor-dart2js.conf.js | ||
| protractor-js-dev.conf.js | ||
| protractor-js-prod.conf.js | ||
| protractor-js.conf.js | ||
| protractor-shared.js | ||
| pubspec.yaml | ||
| test-init.dart | ||
| test-main.dart | ||
| test-main.js | ||
| tsconfig.json | ||
README.md
Angular
Angular is a development platform for building mobile and desktop web applications. This is the repository for Angular 2, both the JavaScript (JS) and Dart versions.
Angular 2 is currently in Beta.
Quickstart
Want to help?
Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our guidelines for contributing and then check out one of our issues in the hotlist: community-help.