AngularJS如何將數據從一個控制器傳遞到不同的指令

Question

我不確定我是否可以這樣做，或者有更好的方法。我需要有人來指導我。

我使用指令創建了兩個模板（兩個指令都在同一個頁面中）。 咱們說

• directiveVideo顯示視頻
• directivePhoto顯示照片

然後，我有一個控制器。這個控制器請求兩個不同的數據，視頻和照片。 我的問題是，我怎麼能通過視頻數據顯示在指令視頻和照片數據到 directivePhoto

Answer 1

你的問題是非常含糊，所以我會給一個同樣模糊的答案。如果你想要更具體的東西，你需要編輯你的問題來包含一些代碼 - 最好是在Plunker中。

如果控制器聲明兩個範圍瓦爾，videos和photos，那麼你可以簡單地傳遞那些爲屬性的指令：

<div photos="photos"></div> 
<div videos="videos"></div> 

而且你可以從你的指令閱讀。假設你有一個分離範圍：

scope: { photos: '=' } 

否則：

scope: true, 
link: function (scope, element, attrs) { 
    attrs.$observe('photos', function (val) { 
    $scope.photos = val; 
    }); 
} 

而且你的模板可以訪問它但是它需要：

<ul> 
    <li ng-repeat="photo in photos"><img ng-src="{{photo.url}}" /></li> 
</ul>