动态生成图像源angularjs

Question

我正在尝试使用angular JS动态选择图像源，如下所示：

<img star-video src="[[getStar(vid.videoId)]]" >

图像未显示，并且在检查开发工具I时，src属性甚至没有显示。在我的控制器中，我使用getStar（）：

生成如下链接

.controller("rightNavController", ["$scope", function($scope) {      

  $scope.getVidLink = function(vidID){
    return "https://www.youtube.com/embed/" + videoID + "?autoplay=0&controls=0";
  };

  var inactive = "http://local/path/to/img/star_inactive.png";
  var active = "http://local/path/to/img/star_active.png";

  $scope.getStar = function(videoID){
    jq.each($scope.$root.starredVids, function(){
      if(this.videoID === videoID){
        return active;
      } else{
        return inactive;
      }
    });
  };
}])

然而，当我尝试使用类似的方法生成youtube链接时，使用 getVidLink（）

你能帮我理解为什么它为youtube工作 iframe 而不是 img 元素。如果有更好的方法，请你提供建议。