嵌入ng-src不会动态变化

Question

有关动态src更改的任何想法都不起作用吗？

HTML：

<ul class="list-inline padding-vertical">
    <li ng-repeat="file in vm.files track by $index">
        <button class="btn btn-primary" ng-bind="::file.title" ng-click="vm.OpenPDF(file.src)"></button>
    </li>
</ul>

<embed ng-src="{{ vm.src }}" width="100%" height="100%" alt=”pdf” pluginspage=”http://www.adobe.com/products/acrobat/readstep2.html”>

JavaScript的：

function OpenPDF(file) {

    vm.src = 'files/' + $sce.trustAsResourceUrl(file);

}

它会显示初始值，但在更改网址时，它不会再更改embed的内容。

Answer 1

从控制器应该是：

$scope.vm.OpenPDF = function (file) {
    vm.src = 'files/' + $sce.trustAsResourceUrl(file);
}

而且我不认为$sce.trustAsResourceUrl是必需的，因为该shoudl是本地文件而不是远程文件。