Html 在angular中获取和传递DOM元素的id

我试图从控制器内的DOM中获取元素的id，并根据相应表单将显示的id来确定

我可以很容易地为每个id创建两个单独的视图，但这只是一种肮脏的方式

<a id="transcript" href="#/pdfView" ng-click="showId($event)" data="transcript">--><img src="assets/images/graduation22.png" id="view-transcript"></a>

然后将“url”的值发送到指令模板上的ng src attr：

<pdfviewer ng-src="{{url}}" on-page-load='pageLoaded(page,total)' id="viewer"></pdfviewer>

但这没有任何作用

正如我上面提到的，我可以有两个单独的视图，每个文档一个视图，但这听起来像是重唱

---

那么，在angular中获取和传递id的最佳方法是什么呢？

我发现了问题-这是因为函数位于错误的控制器中

您的作用域函数是

ShowId

（大写“s”），但您的

ng click

指令正在尝试执行

ShowId

（小写“s”）。此外，您可以尝试在函数末尾执行$scope.$apply（），我还建议直接将参数传递给

ShowId

。例如，

ng click=“ShowId（true）”

并使用

$scope.ShowId=function（isTranscript）{$scope.url=isTranscript？“…binder1.pdf'：“…KeilCarpenterCV.pdf”；}

@jhonquitero no，这将抛出一个“摘要已在进行中”错误。您是否尝试过对$scope.url和event.target.id的console.log进行故障排除？是否传递了正确的值？您在控制台中是否收到任何错误？

<pdfviewer ng-src="{{url}}" on-page-load='pageLoaded(page,total)' id="viewer"></pdfviewer>