从ng repeat到javascript获取变量

我正在尝试调用一个脚本，该脚本将打开一个新页面，其中包含有关我刚才单击的“东西”的一些信息

问题是数据是动态的，我用angular循环它，这是HTML部分：

<div id="product">
    <div ng-repeat="producto in productos" id="{{ producto.id }}">    
        <div class="figuranta" id="{{ producto.id }}" >
            <figure class="floating" id="{{ producto.id }}" onclick="details({{ producto.id }});">
              <img  ng-src="{{ producto.image }}" alt="image" class="rcorners3" style='width:100%;' border="0" alt="Null">
              <figcaption> {{ producto.name }} {{ producto.id }}</figcaption>

            </figure>
         </div>
    </div>
</div>

{{producto.name}{{producto.id}

如何将angularjs id传递给“细节”脚本？我已经知道ng click，但是我需要将它传递给javascript，除非ng click可以在标题中调用JS脚本。每个id=“{producto.id}}”都会正确显示，但onclick事件中的一个除外。有可能实现吗？或者，是否可以使用ng click调用本地放置在标题中的JS函数，或者只调用Main中的函数，而不是onclick中的函数：

ng-click="details(producto.id);"

并在控制器中的

范围

上定义

详细信息

功能

$scope.details = function (productId) {
    // Code here

---

而且

在中，

ng src

（或任何其他角度指令）不需要胡须

使用

---

TIL如果要将angularJS变量传递给本地JS脚本到标头，则需要如下操作：

    <div id="product">
    <div ng-repeat="producto in productos" id="{{ producto.id }}">    
        <div class="figuranta" id="{{ producto.id }}" >
            <figure class="floating" id="{{ producto.id }}" onclick="details(id);">
              <img  ng-src="{{ producto.image }}" alt="image" class="rcorners3" style='width:100%;' border="0" alt="Null">
              <figcaption> {{ producto.name }} {{ producto.id }}</figcaption>

            </figure>
         </div>
    </div>
</div>

{{producto.name}{{producto.id}

---

与第一个问题不同。

如果您可以调用onclick=“details（…）”，那么您肯定可以从controller调用details函数$scope.details=函数（id）{details（id）}，要调用此函数，请使用ng-click@AndreiLorincz然后，您可以从控制器调用JS头中的函数。比如

$scope.details=function（）{details（arguments）}

；

 ng-src="producto.image"

    <div id="product">
    <div ng-repeat="producto in productos" id="{{ producto.id }}">    
        <div class="figuranta" id="{{ producto.id }}" >
            <figure class="floating" id="{{ producto.id }}" onclick="details(id);">
              <img  ng-src="{{ producto.image }}" alt="image" class="rcorners3" style='width:100%;' border="0" alt="Null">
              <figcaption> {{ producto.name }} {{ producto.id }}</figcaption>

            </figure>
         </div>
    </div>
</div>