javascript - 如何获取在 Angular 中单击的元素的 ID？

Question

<div ng-repeat="account in accounts" class="widget-container added_address">    
    <div id="address-{{$index}}"
         class="btc_public_address"
         ng-click="pubAddress.getClick(address-{{$index}}">
             {{account.address}}
    </div>

^ div 上方是一个 ng-repeat，我有大约 4 个 div，其 ID 分别为:address-1、address-2、address-3 和 address-4。

我试图简单地在 getClick 函数中传递 ID，但出现以下错误:

错误:[$parse:syntax] http://errors.angularjs.org/1.2.19/ $解析/语法？

应用代码:

$scope.pubAddress = {};
$scope.pubAddress.getClick = function(the_id) {
    console.log(the_id);
    selectAddress(the_id);
};

// code to select text inside ID (works)
function selectAddress(element) {
    var text = document.getElementById(element);
    var range = document.createRange();
    var selection = window.getSelection();
    range.selectNodeContents(text);
    selection.removeAllRanges();
    selection.addRange(range);
};

^ 基本上，我试图在使用这些 ID 单击的每个 div 中简单选择文本。

Answer 1

您不应该对 ng-click 参数执行插值，因为它会由于存在无效表达式而导致解析错误(尽管过去曾在非常旧的 Angular 版本中工作)，因此只需使用字符串连接即可。

即

 ng-click="pubAddress.getClick(address-{{$index}}"

应该是:

 ng-click="pubAddress.getClick('address-' + $index)"

而且您似乎正在使用 ng-repeat，您可以使用 ng-init 立即执行此操作。

例如:-

 <div ng-repeat="account in accounts" ng-init="addressId='address' + $index"..>

使用 ng-init 在 ng-repeat 创建的子作用域上添加属性 addressId 并且可以在内部访问并且不监视此属性。