Angular JS：動態調用函數時作用域不正確？

Question

我是Angular JS的新手。在我的plunkr中，當我在html標記中有一個typeahead時，我有一個typeahead。但是，當我在我的指令中動態生成html時，typeahead不再起作用。

代碼這裏： http://plnkr.co/edit/KdrxptYAnpTmKa7ZuKkM?p=preview

，並把它一步，當我通過一個函數，它仍然不能正常工作： http://plnkr.co/edit/jqN913hJxuVSFAZxAQt7?p=preview

Answer 1

這不是你想一個簡單的問題恐怕在這裏解決。基本上你碰到了範圍問題。 typeahead指令在它所在的DOM元素的範圍內評估它的表達式（這裏是city for city in cities($viewValue)）。你編寫你的包裝指令的方式使得它的表達式在指令的作用域中被評估，該作用域被隔離並且不會「看見」你的控制器作用域。

的是它周圍的方式號碼，但可能是最簡單的一種是你的$編譯-ED元素那是你的指令範圍的$父範圍鏈接：

var linkedInput = $compile(inputHtml)(scope.$parent); 

這裏是一個工作普拉克： http://plnkr.co/edit/fLFwIKNqIRbnesMjZBGj?p=preview

另一種替代方法是鬆開隔離的範圍並在$parse服務的幫助下「手動」處理雙向數據綁定。