javascript - AngularMaterial Dependancy Giving Errors -
im getting errors when add 'ngmaterial' dependency reason! show files, error.
index.html:
<!doctype html> <html> <head> <meta id="meta" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> <link href='https://fonts.googleapis.com/css?family=robotodraft:400,500,700,400italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="assets/dist/css/vendor.min.css" type="text/css" /> <script type="text/javascript" src="assets/dist/js/vendor.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.js"></script> <link rel="stylesheet" href="global.css" type="text/css" /> <link href="https://code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"> <script src="https://code.ionicframework.com/nightly/js/ionic.bundle.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.css" /> <script type="text/javascript" src="app/app.module.js"></script> <script type="text/javascript" src="app/app.route.js"></script> <script type="text/javascript" src="assets/dist/js/app.min.js"></script> </head> <body ng-app="hive"> <!--<ion-side-menus enable-menu-with-back-views="false">--> <!-- main view --> <div ui-view class="main_view"> </div> <ion-tabs class="tabs-icon-top tabs-energized"> <ion-tab title="home" icon="ion-home" ui-sref="home"> <ion-nav-view name="home-tab"></ion-nav-view> </ion-tab> <ion-tab title="discussions" icon="ion-android-contacts" ui-sref="discussions"> <ion-nav-view name="discussions-tab"></ion-nav-view> </ion-tab> <ion-tab title="board" icon="ion-ios-list-outline" ui-sref="board"> <ion-nav-view name="list-tab"></ion-nav-view> </ion-tab> <ion-tab title="me" icon="ion-android-happy" ui-sref="me"> <ion-nav-view name="profile-tab"></ion-nav-view> </ion-tab> </ion-tabs> </body> </html>
app.module.js:
(function (angular) { 'use strict'; angular.module('hive', [ //deps 'ionic', 'firebase', 'ngmaterial' ] ); });
error:
vendor.min.js:3 uncaught error: [$injector:nomod] http://errors.angularjs.org/1.2.7/$injector/nomod?p0=hive vendor.min.js:3 uncaught error: [$injector:modulerr] http://errors.angularjs.org/1.2.7/$injector/modulerr?p0=hive&p1=error%3a%20…users.io%2famanuel2%2fhive%2fassets%2fdist%2fjs%2fvendor.min.js%3a3%3a9097)
help appreciated! :)
you missing reference of angularjs, load below
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script> <!-- angular material javascript available via google cdn; version 0.8 used here --> <script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.8.3/angular-material.min.js"></script>
working ionic app material
Comments
Post a Comment