Go to file
Peter Bacon Darwin c3fa8803d3 fix(aio): use SVG icons for page load sensitive UI
The side nav and menu buttons need to appear early on in the loading of the page.
Currently we are using icon fonts with ligatures to get icons for these areas.
This can result in a flash of unstyled font.

By replacing these with SVG icons, we get a better user experience.
By overriding the `MdIconRegistry` we can inline the SVG source, which
means that there will never by a delay in rendering the icons.

The new `CustomMdIconRegistry` expects a multi-provider containing an array
of `SvgIconInfo` objects. These objects hold the name and SVG source of the
icon. When `MdIconComponent` requests an SVG icon we will get it from the
pre-loading cache, if available, before delegating back to the original
`MdIconRegistry`.

Note that SVG versions of `md-icon` do not apply the `material-icons` CSS
class to the element, so the styling for the icons that we are preloading
has been changed to use `.mat-icon` instead.

Closes #16100
2017-04-24 13:14:21 +01:00
.github docs(gh): try to improve the issue template (#11891) 2016-09-30 16:40:56 -07:00
aio fix(aio): use SVG icons for page load sensitive UI 2017-04-24 13:14:21 +01:00
docs docs: revert the move of CONTRIBUTING.md to docs/CONTRIBUTING.md 2017-03-23 20:57:49 -07:00
integration fix(core): distribute externs for testability API (#16179) 2017-04-19 22:46:11 -05:00
modules fix(core): benchmarks - enable ng1 benchmark again 2017-04-18 08:28:31 -07:00
packages release: cut the 4.1.0-rc.0 release 2017-04-21 00:12:10 -05:00
scripts feat(aio): add e2e (#15976) 2017-04-19 22:36:23 -05:00
tools release: cut the 4.1.0-rc.0 release 2017-04-21 00:12:10 -05:00
.bowerrc chore(dgeni): clean up legacy typings bundle creation 2015-10-29 21:19:59 +00:00
.clang-format feat(tooling): Add a .clang-format for automated JavaScript formatting. 2015-04-02 08:44:34 -07:00
.editorconfig chore(.editorconfig): include markdown config 2015-01-27 00:14:48 -08:00
.gitattributes chore: force lf EOL for ts files (#11143) 2016-08-29 12:41:58 -07:00
.gitignore build(aio): use own `.gitignore` file 2017-03-17 15:31:22 -05:00
.nvmrc ci: bump node version to 6.9.5 and npm to 3.10.7 2017-02-02 23:28:00 -08:00
.pullapprove.yml ci: add jasonaden to the router 2017-04-11 11:16:02 -07:00
.travis.yml feat(aio): add e2e (#15976) 2017-04-19 22:36:23 -05:00
CHANGELOG.md docs: add changelog for 4.1.0-rc.0 2017-04-21 00:15:23 -05:00
CONTRIBUTING.md docs: fixed broken links (#15455) 2017-03-24 08:14:23 -07:00
LICENSE style(docs): update copyright years (#13736) 2017-01-27 20:47:14 -08:00
README.md docs: revert the move of CONTRIBUTING.md to docs/CONTRIBUTING.md 2017-03-23 20:57:49 -07:00
bower.json docs: branding fixes (#14132) 2017-01-27 15:03:11 -06:00
browser-providers.conf.js ci: disable Android 4.1, 4.2 and 4.3 in SauceLabs (#14461) 2017-03-16 09:13:07 -07:00
build.sh fix(core): distribute externs for testability API (#16179) 2017-04-19 22:46:11 -05:00
circle.yml build: update to yarn 0.21.3 (#14805) 2017-03-01 23:58:05 -08:00
gulpfile.js build: check yarn version in `check-environment` (#14499) 2017-02-22 20:55:25 -08:00
karma-js.conf.js fix: fix path locally to empty.js (#15073) 2017-03-15 13:40:24 -07:00
npm-shrinkwrap.clean.json build: bump protractor to 4.0.14 2017-04-18 08:28:31 -07:00
npm-shrinkwrap.json build: bump protractor to 4.0.14 2017-04-18 08:28:31 -07:00
npm-shrinkwrap.readme.md chore(lint): replace gulp check-task with tslint no-jasmine-focus rule 2016-10-28 15:53:15 -07:00
package.json release: cut the 4.1.0-rc.0 release 2017-04-21 00:12:10 -05:00
protractor-e2e.conf.js refactor: add license header to JS files & format files (#12081) 2016-10-04 20:39:20 -07:00
protractor-examples-e2e.conf.js refactor: format and lint code 2016-12-12 11:30:25 -08:00
protractor-perf.conf.js refactor: add license header to JS files & format files (#12081) 2016-10-04 20:39:20 -07:00
shims_for_IE.js Revert "refactor: add license header to JS files & format files (#12035)" 2016-10-04 14:06:41 -07:00
test-main.js fix: fix path locally to empty.js (#15073) 2017-03-15 13:40:24 -07:00
test.sh build: build modules and examples for karma 2017-03-08 17:35:20 -08:00
tslint.json build(tslint): enable no-inner-declarations (#13316) 2016-12-08 13:46:08 -08:00

README.md

Build Status CircleCI Join the chat at https://gitter.im/angular/angular Issue Stats Issue Stats npm version

Sauce Test Status Safari (7+), iOS (7+), Edge (14) and IE mobile (11) are tested on BrowserStack.

Angular

Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScript (JS) and other languages.

Quickstart

Get started in 5 minutes.

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.