javascript - 如何在 JavaScript 函数中使用 Angular 变量作为参数

Question

我正在尝试使用 Angular 变量作为 JavaScript 参数，如下所示:

 <li ng-repeat="link in Links">
    <button data-icon="gear" data-role="button" data-iconpos="right" type="button" id="bitrate_btn_{{ link.Code }}" class="bitrate_btn btn" onClick="play_live_ind({{link.Code}});">
        {{ link.Title }} ( {{ link.Bitrate }} Kbps )
    </button>
 </li>

如您所见，我正在调用一个名为 play_live_ind 的方法，如下所示:

play_live_ind({{link.Code}});

它不工作，因为页面加载它完全打印 play_live_ind({{link.Code}});

如何将链接的值传递给此 JavaScript 函数？

这是一个 jw-player 函数，我不能用 angular 重写它，因为它本身有很多函数调用。所以我需要在 javascript

中调用这个函数

所以我只需要一个解决方案来将 Angular 变量值传递给 Javascript 函数

Answer 1

使用 ng-click 代替 onClick，并在 $scope 中定义 play_live_ind。

//html
ng-click="play_live_ind(link.Code)";

//js
$scope.play_live_ind = function(inputs) { 
                          // function body 
                       }