Question

我正在尝试调用一个脚本，该脚本将打开一个新页面，其中包含我刚刚点击的“事物”的一些信息。

问题是数据是动态的，我用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>

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

Answer 1

使用ng-click代替onclick：

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

在控制器中的details上定义scope函数。

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

此外，

中ng-src（或任何其他角度指示）不需要小胡子

 ng-src="{{ producto.image }}"

使用

 ng-src="producto.image"

Answer 2

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>

并不像最初的问题那样。

从ng-repeat获取变量到javascript

2 个答案: