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

【问题标题】：How do I initialize <select> using MaterializeCSS and AngularJS combined?如何结合使用 MaterializeCSS 和 AngularJS 来初始化 <select>？
【发布时间】：2015-09-04 03:22:26
【问题描述】：

我一直在尝试向我的页面添加一个简单的 sn-p，但是当我发现 in this answer 时，MaterializeCSS 从禁用它开始 ，然后在加载正确的 jQuery 插件后重新启用（我假设）（使用指令，如 by this answer 所示）

我还没有找到一个很好的例子来说明如何使用 AngularJS 来做到这一点，如果可能的话，我想避免使用 Angular 设计的 Materialize 分支。

这就是我得到的。

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

我打算创建一个初始化的指令，然后我将使用 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、实体框架（使用 MySQL）和 AngularJS 的新手，这些都是我目前正在使用的框架。

我也找到了this resource on creating directives，但我不知道如何适应我的情况。

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

【问题讨论】：

如果你使用 Angular，你应该考虑官方的Angular Material。它使用原生指令而不是 jQuery 插件。
@jme11 感谢您的推荐。尽管 Angular Material 看起来非常不完整，但由于我没有最后期限，我将开始使用它。如果你回答了我会标记它，但我现在会把它给迈克尔。
@Michael 的答案是正确的，并且根据您的问题，我认为它应该是选定的答案。也就是说，我很高兴您发现我的建议也有助于查看原生方法。祝你好运。
MaterializeCSS multiple select not working的可能重复

标签： jquery asp.net-mvc angularjs materialize

【解决方案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

【讨论】：

我决定使用 Angular Material (ng-material)。感谢您发布此内容！