получение «TypeError: undefined не является функцией» при попытке открыть нижнюю таблицу

эй, ребята, я слежу за тем, что показывает демонстрационная страница, однако я все еще получаю эту ошибку, когда пытаюсь открыть нижний лист. Я использую angularjs 1.3.14, и я постараюсь на 1.3.6. Кроме того, я следую инструкциям на странице Начало работы страница с учетом углового материала и его зависимостей.получение «TypeError: undefined не является функцией» при попытке открыть нижнюю таблицу

HTML (master.html это главная страница содержит все JS и библиотеки CSS)

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/0.8.2/angular-material.min.css"> 
<div ng-controller="MasterCtrl"> 
<body> 
<div class="bottom-sheet-demo inset" layout="column" layout-sm="row" layout-align="center"> 
    <md-button class="md-primary" ng-click="showGridBottomSheet($event)"> 
     Show as Grid 
    </md-button> 
    </div> 
    <br/> 
    <b layout="row" layout-align="center center" layout-margin> 
    {{alert}} 
    </b> 
    <div ng-view=""></div> 
</body> 
</div> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-animate.min.js"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-aria.min.js"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.min.js"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-cookies.min.js"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-sanitize.min.js"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-messages.min.js"></script> 

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angular_material/0.8.2/angular-material.js"></script> 
<script type="text/javascript" src="/static/javascripts/app.js"></script> 
<script type="text/javascript" src="/static/javascripts/controllers.js"></script>

app.js

var app = angular.module('app',['ngMaterial','ngRoute','ngSanitize','ngCookies','ngAnimate']). 
config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    $routeProvider. 
     when('/', { 
     templateUrl: '/static/views/main.html', 
     controller: 'IndexCtrl' 
     }). 
     when('/signin',{ 
     templateUrl: '/static/views/signin.html', 
     controller: 'SignInCtrl' 
     }). 
     when('/signup',{ 
     templateUrl: '/static/views/signup.html', 
     controller: 'SignUpCtrl' 
     }). 
     otherwise({ 
     templateUrl: '/static/views/error.html' 
     }); 
    $locationProvider.html5Mode({ 
     enabled: true, 
     requireBase: false 
    }); 

    }]);

controller.js

angular.module('app').controller('MasterCtrl', [ 
    '$http', 
    '$scope', 
    '$location', 
    '$rootScope', 
    '$timeout', 
    '$mdBottomSheet', 
    function ($http, $scope, $location, $rootScope, $timeout, $mdBottomSheet) { 
     $scope.alert = ''; 
    $scope.showGridBottomSheet = function($event) { 
    $scope.alert = ''; 
    $mdBottomSheet.show({ 
     templateUrl: 'bottom-sheet-grid-template.html', 
     controller: 'GridBottomSheetCtrl', 
     targetEvent: $event 
    }).then(function(clickedItem) { 
     $scope.alert = clickedItem.name + ' clicked!'; 
    }); 
    }; 
    } 
]); 
angular.module('app').controller('GridBottomSheetCtrl', [ 
    '$scope', 
    '$mdBottomSheet', 
    function ($scope,$mdBottomSheet) { 
    $scope.items = [ 
    { name: 'Hangout', icon: 'hangout' }, 
    { name: 'Mail', icon: 'mail' }, 
    { name: 'Message', icon: 'message' }, 
    { name: 'Copy', icon: 'copy' }, 
    { name: 'Facebook', icon: 'facebook' }, 
    { name: 'Twitter', icon: 'twitter' }, 
    ]; 
    $scope.listItemClick = function($index) { 
    var clickedItem = $scope.items[$index]; 
    $mdBottomSheet.hide(clickedItem); 
    }; 
    } 
]);

это ошибка, я получаю

enter image description here

я застрял здесь в течение нескольких дней, я все еще не в состоянии понять это я попытался перейти к не уменьшенной версии углового материала отладить однако мне не повезло, и я не понимаю, почему, может ли кто-нибудь из вас научить меня отлаживать эту проблему? ваша помощь приветствуется спасибо

источник

2015-03-10 John Lim

Можете ли вы привести свой пример в jsfiddle или codepen? –

Прогресс на этом? У меня такая же проблема. – lyxio

Я был застрял на той же проблеме. Я временно разрешил форсировать element[1] вместо element[0]. В некотором случае element[0] является текстовым элементом, а не элементом dom.

источник

2015-03-11 23:57:42

получение «TypeError: undefined не является функцией» при попытке открыть нижнюю таблицу

ответ

Смежные вопросы