如何獲取在同一頁面上多次使用的指令的正確屬性？

Question

Angular 1.4.8

Here is JSFiddle。

我有一個指令在一個頁面上使用兩次。我只改變了指令的一些屬性。看來，我只能得到searchRelations函數中最後一個定義的屬性。

是否有可能獲得關係當我在第一個文本輸入中搜索並獲得關係B屬性時，我搜索第二個屬性？

Answer 1

只需添加

scope: true 

在你的指令，否則，他們都共享父之一。

Answer 2

正如@ssougnez說

scope: true 

其設置爲true而不是{}之間最重要的區別是 新範圍將prototypically繼承父範圍的屬性。 更多解釋在這裏：

What is the difference between scope:{} and scope:true inside directive?

Answer 3

我打破了search-bar指令轉化爲一個自包含的東西，有它自己的範圍內分離，以及您的模板清理。檢查出來：https://jsfiddle.net/y61rca5e/5/

這完全工作！