jquery - 如何结合使用 MaterializeCSS 和 AngularJS 来初始化 <select>？

Question

我一直在尝试向我的页面添加一个简单的 < select > 代码段，但正如我发现的 in this answer ，MaterializeCSS 首先禁用它，然后在加载正确的 jQuery 插件后重新启用(我假设)(使用指令，如 by this answer 所示)

我还没有找到关于如何使用 AngularJS 执行此操作的好示例，并且如果可能的话，我希望避免转向有 Angular 设计的 Materialise 分支。

这就是我得到的。

<label>
    test
    <select material-select>
        <option>Mustard</option>
        <option>Ketchup</option>
        <option>Relish</option>
    </select>
</label>

我计划创建一个初始化 < select > 的指令，然后我将使用 ng-repeat 来填充它。

navApp.directive('myDropDown', function() {
    return {
        //This code is broken, I am not quite sure what I'm doing.
        restrict: 'A',
        link: function(scope, element, attrs) {
            $(element).'select'.material_select();
        }
    };
}); 

我认为自己是 ASP.NET MVC、 Entity Framework (使用 MySQL)和 AngularJS 的新手，这些都是我目前正在使用的框架。

我还发现了this resource on creating directives ，但我不知道如何使其适应我的情况。

如果您对此提供任何帮助，我将不胜感激。

Answer 1

$(element).'select'.material_select();

这个语句的结果应该是什么？ .'select' 不是 JS 语法。

尝试:

$(element).material_select(); // if the element is already the select element

或者:

$(element).find('select').material_select(); // find a child select of the element