下拉菜单指令，ui-bootstrap，angular的问题

Question

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

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

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

Js fiddle：http://jsfiddle.net/per_strom/QW634/2/

问题是setCategory函数没有改变。

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

为什么我不能只使用普通的选择框？这是一个GUI的事情。在这种情况下，我更喜欢列表。

我感谢任何帮助！

Answer 1

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

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