使用angularjs構建多層視覺元素

Question

我希望使用angularjs構建定製小部件。我的問題是，我想能夠鬆散地耦合我的小部件。

在我的情況，我要建立一個兩級組成：

• 圖形微調
• 進度窗口小部件，是以微調爲argument。所以這是當

  <gh:progress data="progress"> 
      <gh:spinner .... options ....> </gh:spinner> 
  </gh:progress> 
  

  ，並在某種程度上能夠「線」在一起的兩個組成部分：http://jsfiddle.net/Byg6W/

  我想編寫進度窗口小部件，因爲這 -

我已經建立了微調數據'更新，它會自動饋入gh：spinner，而不是我所厭惡的 - 將gh：spinner的所有選項放入gh中：progress

<gh:progress data="progress" .... options ....></gh:progress> 

然後使用模板。

在此先感謝！

Answer 1

您可以在gh：spinner調用的gh：progress指令中創建一個控制器。你的gh：spinner可以通過require：屬性向這個控制器注入鏈接：函數。在這裏，你需要在require中使用^來告訴它在父元素上尋找控制器。

請參閱要求：規格http://docs.angularjs.org/guide/directive。

查看angularjs.org主頁底部的Tabs示例，以查看它的實際使用情況。在這裏，窗格指令要求父標籤的控制器，以便它們可以註冊並讓標籤控制它們之間的切換。