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

Popular posts from this blog

jOOQ update returning clause with Oracle -

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

java - BasicPathUsageException: Cannot join to attribute of basic type -