自定义预先模板中的Angular UI Bootstrap范围变量

Question

我正在使用UI Bootstrap的typeahead指令，并通过typeahead-popup-template-url添加了我自己的弹出模板。在该模板中，我想从父模板（即我使用了typeahead指令的模板）中访问范围变量。这可能吗？

这是我尝试做的一个（破碎）示例（＆＃34;你好＆＃34;应该出现在下拉列表中）：http://plnkr.co/edit/ITT1SdRfUWeeN6n3aMqu?p=preview

我想在不修改typeahead指令的情况下这样做。如果有更优雅的解决方案，我不想在第三方（uib）代码中捣乱。

Answer 1

在模板中，您需要引用$ parent范围。变化：

This should say "hello": {{hello}}</h1>

要：

This should say "hello": {{$parent.hello}}</h1>

Answer 2

Bootstrap，jquery ui，kendoui，yui等 是不是有点多的框架在一起O.o

无论如何，这篇文章可能有所帮助：How to access parent scope from within a custom directive *with own scope* in AngularJS?