这是我的Angular指令代码
.directive('articleItem', function($sce) {
return {
restrict: 'AE',
scope: { wordtag:'='},
replace: true,
template: '<!-- -->'
+ '<article>'
+ '<!-- {{wordtag}} is replaced -->'
+ '<div>{{wordtag}}</div>'
+ '<!-- {{wordtag}} is not replaced -->'
+ '<a xlink:href="javascript:void(0);" onclick="playSound(\'{{wordtag}}-english\')">'
+ '</article>'
}
以下是我的HTML代码的相关子集（包括内联Javascript）
<article:item ng-repeat="audio in event.audios" wordtag="audio"/>
<script>
function playSound(audiotag) {
document.getElementById(audiotag).play();
}
</script>
有人可以解释一下这里发生了什么，以及如何克服？ 感谢。