angularplunker

How to build an Angular project on Plunker (include the third party libraries)


I encountered a trouble with angular, so I want to build a simple Angular project on Plunker to ask for help.

I only create a new Plunk, but I don't know how to include the third party libraries to this Plunk, for example, angular2-notification.

Angular + Typescript Demo Plunk


Solution

  • The best thing about Plunker is you can fork other peoples plunks easily to use as the basis for your own. The Angular Material 2 team keep a demo plunk up to date which is good to use as a starting point.

    Add any third party libraries to config.js and then follow the package instructions as normal.

        map: {
            'angular2-notifications': 'npm:angular2-notifications'
        }
    

    If it is not available on NPM you can also use rawgit to import directly from a GitHub repo.

    Here is plunk with angular2-notifications added.