Injecting angular-material

[Simon Kontschak]

Hi all,

i want to use angular material by injecting into my app and got stuck at the following errors in angular.js:

Uncaught Error: [$injector:modulerr] Failed to instantiate module feed due to:
Error: [$injector:modulerr] Failed to instantiate module ngMaterial due to:
Error: [$injector:nomod] Module 'ngMaterial' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

What i did so far:

1. Installed angular-material via bower

bower install angular-material --save

2. Added ngMaterial - module to public/config.js to inject to my app

 var applicationModuleVendorDependencies = ['ngResource', 'ngCookies',
        'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router',
        'ui.bootstrap', 'ui.utils', 'ngMaterial'
    ];

3. Added angular-material.js, and angular-material.css to config/env/all.js as assets:

assets: {

        lib: {

            css: [

                'public/lib/bootstrap/dist/css/bootstrap.css',

                'public/lib/bootstrap/dist/css/bootstrap-theme.css',

                'public/lib/bootstrap/dist/css/angular.css',

                'public/lib/angular-material/angular-material.css',

            ],

            js: [

                'public/lib/angular/angular.js',

                'public/lib/angular-resource/angular-resource.js',

                'public/lib/angular-cookies/angular-cookies.js',

                'public/lib/angular-animate/angular-animate.js',

                'public/lib/angular-touch/angular-touch.js',

                'public/lib/angular-sanitize/angular-sanitize.js',

                'public/lib/angular/angular-material.js',

                'public/lib/angular-ui-router/release/angular-ui-router.js',

                'public/lib/angular-ui-utils/ui-utils.js',

                'public/lib/angular-bootstrap/ui-bootstrap-tpls.js'

            ]

        },

What am i missing? Any idea?

[Simon Kontschak]

Hi all,

Stupid me, the location of the angular-material.js was wrong. Classic! ;-(

Has to be:

'public/lib/angular-material/angular-material.js',

instead of:

'public/lib/angular/angular-material.js',

Realized it while running client tests and karma told me that the public/lib/angular/abgular-material.js is not present.

I also had to inject angular-aria (cause is angular-material dependency) as shown above (but with the correct location path ;-) )