2015-06-24 3 views
16

To jest bardzo frustrujące, używam aplikacji generowanej przez mean.js i nie mogę uzyskać efektu kątowego- materiał gotowy do pracy. Przeczytałem kolejne pytanie o stackoverflow dotyczące problemu Angularjs with material design Failed to instantiate module ngMaterial. Więc zaktualizowałem mój plik bower.json i uruchomiłem bower update i bower install. Nadal nie działa. Podczas aktualizacji altanki, bower przekazał mi tę wiadomość Unable to find a suitable version for angular, please choose one:, ale zawsze wybrałem wersję Angular 1.3.0 lub nowszą.
Herezje kopię mojego bower.json:
Instalowanie materiału kątowego "Nie można utworzyć instancji modułu ngMaterial", mimo że używam wersji kątowej 1.3.0

{ 
    "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" 
    } 
} 

Herezje komunikat o błędzie konsola: Błąd: [$ wtryskiwacz: modulerr] Nie udało się utworzyć wystąpienia modułu ngMaterial powodu: Error: [$ wtryskiwacza: nomod ] Moduł 'ngMaterial' jest niedostępny! Błędnie wpisałeś nazwę modułu lub zapomniałeś go załadować. Jeśli rejestrujesz moduł, upewnij się, że określasz zależności jako drugi argument. złożyć

kątowe config.js:

'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 
    }; 
})(); 

Z góry dziękuję za wszelką pomoc!

+0

Czy uwzględniłeś "ngMaterial" w zależności od modułu? – arman1991

+1

Z pewnością zrobił to z powodu komunikatu o błędzie! –

+0

Czy możesz podać swoje tagi html script? Być może po prostu zapomniałeś dodać niezbędne znaczniki skryptów. –

Odpowiedz

33

Materiał kątowy, ngMaterial, jest również zależny od ngAria i ngAnimate. Będziesz musiał je załadować.

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

Można go pobrać z angular aria i angular animate. Użyj odpowiedniej wersji w oparciu o twoją kanciastą wersję.

Również samo dodanie skryptów do projektu nie wystarczy, aby załadować je również do swojego html. Załaduj je również przed skryptem ng-material.

+1

Problem rozwiązany! –

+2

W rzeczywistości nie trzeba dodawać zależności dla kątowej arii i animacji kątowej w pliku altanowym, ponieważ są one zależne od kątowego materiału, a altanka znajdzie je na –

+0

great help.thanks – ritesh