Installazione di materiale angolare, "Impossibile istanziare il modulo ngMaterial" anche se sto usando la versione angolare 1.3.0

Question

Questo è molto frustrante, sto usando un'applicazione mean.js yeoman generata e non riesco a farmi sembrare angolare- materiale attivo e funzionante. Ho letto un'altra domanda StackOverflow sul problema Angularjs with material design Failed to instantiate module ngMaterial. Così ho aggiornato il mio file bower.json e ho eseguito un bower update e bower install. Ancora non funziona. Durante l'aggiornamento del bower, mi ha dato questo messaggio Unable to find a suitable version for angular, please choose one:, ma ho sempre scelto una versione Angolare 1.3.0 o successiva.
Heres una copia del mio bower.json:

{ 
    "name": "colign", 
    "version": "0.0.1", 
    "description": "Full-Stack JavaScript with MongoDB, Express, AngularJS, and Node.js", 
    "dependencies": { 
    "bootstrap": "~3", 
    "angular": "~1.3", 
    "angular-resource": "~1.3", 
    "angular-mocks": "~1.3", 
    "angular-bootstrap": "~0.11.2", 
    "angular-ui-utils": "~0.1.1", 
    "angular-ui-router": "~0.2.11", 
    "angular-material": "~0.10.0" 
    } 
} 

Heres il messaggio di errore console: Errore: [$ iniettore: modulerr] Impossibile creare un'istanza del modulo ngMaterial a causa di: Errore: [$ iniettore: nomod ] Il modulo 'ngMaterial' non è disponibile! Hai sbagliato a scrivere il nome del modulo o hai dimenticato di caricarlo. Se si registra un modulo, assicurarsi di specificare le dipendenze come secondo argomento. il file

config.js angolari:

'use strict'; 

// Init the application configuration module for AngularJS application 
var ApplicationConfiguration = (function() { 
    // Init module configuration options 
    var applicationModuleName = 'colign'; 
    var applicationModuleVendorDependencies = ['ngResource', 'ui.router', 'ui.bootstrap', 'ui.utils', 'ngMaterial']; 

    // Add a new vertical module 
    var registerModule = function(moduleName, dependencies) { 
     // Create angular module 
     angular.module(moduleName, dependencies || []); 

     // Add the module to the AngularJS configuration file 
     angular.module(applicationModuleName).requires.push(moduleName); 
    }; 

    return { 
     applicationModuleName: applicationModuleName, 
     applicationModuleVendorDependencies: applicationModuleVendorDependencies, 
     registerModule: registerModule 
    }; 
})(); 

Grazie in anticipo per qualsiasi aiuto!

Answer 1

Il materiale angolare, ngMaterial, ha dipendenza da ngAria e ngAnimate. Dovresti caricarli.

angular.module('ngMaterial', ["ng","ngAnimate","ngAria", ...other material sub modules 

Si potrebbe scaricarlo da angular aria e angular animate. Utilizzare la versione corretta di questi in base alla versione angolare.

Anche aggiungere gli script nel progetto non è sufficiente, è necessario caricarli anche nell'html. Caricali anche prima dello script ng-material.