Không thể truy cập mô-đun từ mẫu chỉ thị, Angular

Question

Tôi đang cố gắng tạo thành phần bao bọc cho ngAudio chính trình bao bọc sẽ là trình phát có điều khiển - và sẽ tương tác với các chức năng của ngAudio. Tôi đang gặp một số vấn đề về phạm vi với nó, tôi có thể đưa nó vào bộ điều khiển của thành phần và truy cập ngAudio ở đó, nhưng tôi không thể truy cập nó từ phạm vi của mẫu. Tôi đã thử đặt ngAudio thành phạm vi bằng cách sử dụng những thứ như $scope.ngAudio = ngAudio; không có kết quả - nếu có bất kỳ ý tưởng nào, nó sẽ tuyệt vời. Tôi tin rằng nó sẽ cần một số loại ràng buộc hai chiều? Hoặc một cách nào đó để thường truy cập vào mô-đun ngAudio từ mức chỉ thị.

Code:

thành phần:

.component('player', { 
    // isolated scope binding 
 bindings: { 
   genre: '=', 
   track: '=', 
   ngAudio: '<' 
 }, 

 templateUrl : '/templates/player-directive-template.html', 

 // The controller that handles our component logic 
 controller : function($scope, ngAudio) { 

   //tried: 
   //$scope.ngAudio = ngAudio; 
   ngAudio.play("https://api.soundcloud.com/tracks/167999916/stream?client_id=123456576789"); 

 } 
}); 

mẫu

<div class="container" id="player"> 

 <button class='btn btn-primary' ng-click='ngAudio.paused ? ngAudio.play() : ngAudio.pause()'>{{ngAudio.paused ? "Play" : "Pause" }}</button> 
</div> 

Answer 1

Do đây là một thành phần, bạn đã cố gắng chỉ ...

this.ngAudio = ngAudio; 

?

Không, trên thực tế, theo tài liệu, bạn muốn đặt nó là kết quả của load hoặc play, như:

this.audio = ngAudio.play("https://api.soundcloud.com/tracks/167999916/stream?client_id=123456576789"); 

Hãy xem phần "góc âm thanh Ví dụ" mảnh trong các tài liệu tại http://danielstern.github.io/ngAudio/#/docs (Tại phía dưới cùng của trang)