下拉菜单指令、ui-bootstrap、角度问题答案

【问题标题】：Issue with drop down menu directive, ui-bootstrap, angular下拉菜单指令、ui-bootstrap、角度问题
【发布时间】：2013-12-30 23:17:28
【问题描述】：

我正在尝试制作一个下拉菜单。我正在使用 ui-bootstrap 的下拉切换指令。我想稍微定制一下。我希望下拉标题更改为我选择的选项。

我已经为此制定了自己的指令。在这个指令中，我添加了两个数据对象，options 和 selected option。我还有一个功能可以更改所选选项。

Select category: <my-directive my-options="categories" my-selected-option="selectedCategory" set-my-selected-option="setCategory(selectedCategory)"></my-directive>

Js 小提琴：http://jsfiddle.net/per_strom/QW634/2/

问题是 setCategory 函数没有改变。

这是我写的第一个指令，所以我可能完全同意。也许有更好的方法来做到这一点。

为什么我不能只使用普通的选择框？这是一个图形用户界面的东西。在这种情况下，我更喜欢列表。

感谢我能得到的任何帮助！

【问题讨论】：

您的 JsFiddle 代码不包含下拉框，您还有更多代码吗？
对不起！现在我已经链接到正确的 js fiddle。

标签： angularjs angular-ui-bootstrap

【解决方案1】：

您应该将函数引用传递给指令而不是函数调用。将代码的一部分更改为

`set-my-selected-option="setCategory"`

【讨论】：

哈哈，这并不难。但这是最好的方法吗？感觉好像有一些更聪明的方法。
@user1572526 我认为您的方法看起来不错。您应该将函数引用传递给指令而不是函数调用。就是这样。
@user1572526 绑定到控制器中的实时数据似乎是我最聪明的方式
@zong 不太清楚你的意思。你能在js fiddle上展示吗？我更新了jsfiddle.net/per_strom/QW634/3
@user1572526 setCategory 是函数引用，而setCategory(xxx) 是函数调用。您的代码现在应该看起来不错了。