如何将select2 4.0与angularjs一起使用，何时初始化答案

【问题标题】：how to use select2 4.0 with angularjs, when to init it如何将select2 4.0与angularjs一起使用，何时初始化
【发布时间】：2016-10-28 09:01:30
【问题描述】：

我想用 select2 选项绑定我的 ajax 加载数据，但是我应该把我的初始化代码放在哪里？我用的是select2 4.0，所以没有ui-select之类的东西，我想直接用select2 4.0试试。

【问题讨论】：

标签： javascript angularjs jquery-select2-4

【解决方案1】：

你可以做的是创建一个角度指令或组件，然后在那里编写你的 select2 初始化和其余的 select2 相关代码。

编辑：您可以在服务中调用 API 端点并在控制器中定义一个变量，然后将数据绑定到一个变量中，以便您的视图可以访问它。一旦你得到一个变量中的数据，你就可以把这个变量传递给你的指令/组件。此外，如果您想在用户键入内容后进行 API 调用，您可以使用 select2 https://select2.org/data-sources/ajax 的数据属性。并且整个 selct2 逻辑可以驻留在您的指令/组件中。

创建指令/组件将使您的 jquery 代码处于 Angular 环境中

然后在你的视图中使用指令/组件。

【讨论】：

【解决方案2】：

你可以把它放在准备好的功能上。

$( document ).ready(function() {
    console.log( "ready!" );
    //call your init function or place init code here
});

更新：对于 angularjs 参考 Call angular function on document ready

【讨论】：

对不起，我想在我的控制器中初始化，而不是文档准备功能，因为我在需要时加载我的文档。所以这种方式在我尝试时不起作用。你能给我一个例子吗？谢谢。