Как избежать слэша angularjs

Question

Я пытаюсь вставить youtube iframe с youtube ID, который хранится в базе данных. Но я ошибался в том, чтобы избежать косой черты.

<tr ng-click="edit_source_data(source)" ng-repeat="source in sources"> 
     <td>{{source.title}}</td> 
     <td>{{source.type}}</td> 
     <td> 
      <iframe width="100" height="100" src="https://www.youtube.com/embed/{{source.link}}" frameborder="0" allowfullscreen></iframe> 
      <!--https://www.youtube.com/embed/--> 
     </td> 
     <td><span class="delete" data-id="{{source.id}}" ng-click="del_source($event); 
       $event.stopPropagation();">Delete</span></td> 
    </tr> 

Но, если удалить https://www.youtube.com/embed/ часть из ЦСИ, то нет никакой ошибки. Как я могу это решить. Спасибо.

Answer 1

<iframe width="100" height="100" 
    ng-src="https://www.youtube.com/embed/{{source.link}}" 
    frameborder="0" allowfullscreen> 
</iframe> 

Answer 2

Вам необходимо ввести службу $ sce в контроллер и trustAsResourceUrl url.

В контроллере:

function AppCtrl($scope, $sce) { 
// ... 
$scope.GetLink = function (source) { 

    return $sce.trustAsResourceUrl("https://www.youtube.com/embed/"+source.link); 
} 
} 

в шаблоне

<iframe width="100" height="100" 
ng-src="GetLink(source)" frameborder="0" allowfullscreen></iframe>