Angular materializecss select指令给出了错误

Question

我试图包含http://krescruz.github.io/angular-materialize/#select，我在控制台中遇到错误（你可以在图片中看到）。有没有解决这个问题的方法，这里是angular-materialize.js

中的指令

angular.module("ui.materialize.material_select", [])
        .directive("materialSelect", ["$compile", "$timeout", function ($compile, $timeout) {
            return {
                link: function (scope, element, attrs) {
                    if (element.is("select")) {
                        $compile(element.contents())(scope);
                        function initSelect() {
                            element.siblings(".caret").remove();
                            element.material_select();
                        }
                        $timeout(initSelect);
                        if (attrs.ngModel) {
                            scope.$watch(attrs.ngModel, initSelect);
                        }
                        if ("watch" in attrs) {
                            scope.$watch(function () {
                                return element[0].innerHTML;
                            }, function (oldVal, newVal) {
                                if (oldVal !== newVal) {
                                    $timeout(initSelect);
                                }
                            });
                        }
                    }
                }
            };
        }]);

Answer 1

此错误意味着您尝试使用jQuery方法而不加载jQuery。 Angular带有轻量级的类jQuery实现（angular.element）和一组有限的方法。这些方法不包括is和trigger（以及许多其他方法）。

所以解决方案很简单：如果你使用jQuery方法 - 在Angular之前加载jQuery。