Angular materializecss 选择指令给了我错误

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。