javascript - 在 Angular ng-repeat 中使用现有的 JS 函数

Question

我以前有一个 javascript 函数 onclick="submitDynamicSku()"但我们最近开始转换为 Angular 以使用 Controller 进行构建，我希望能够传递此函数，因为它是我的函数的一部分ng-重复。

示例:

onclick="submitDynamicSku('x', document.getElementById('y').value, false, true);"

我想尝试:

onclick="submitDynamicSku(product.sku, document.getElementById('{{ product.id').value, false, true);"

当前代码:

  $scope.submitSku = function(sku,id,false,true) {
    submitDynamicSku(sku, document.getElementById(id).value, false, true);

    function submitDynamicSku(sku, cnt, recurringOrder, viewCart) {
    jQuery("#dynamicAsstName").val(""); 
    jQuery("#dynamicSku").val(sku);
    jQuery("#dynamicSkuCount").val(cnt);
    jQuery("#setRecurringOrder").val(recurringOrder);
    jQuery("#viewCart").val(viewCart);
    if (viewCart == false) {
        jQuery("form[name='dynamic_add_to_cart_form']")
            .submit(function() {
                this.action = "";
                return true;
            });
    } 
    jQuery("form[name='dynamic_add_to_cart_form']").submit();       
}   
    }


<%--Angular Block--%>
                <li ng-repeat="product in products">
                    <div class="prod-img ">
                        <img ng-src="{{ product.imagePath }}" alt="{{ product.imageAlt }}" ng-class="{{ product.selector }}" />
                    </div>
                    <div class="prod-info">

                        <h2>{{ product.name}}</h2>
                        <h3>{{ product.price }}</h3> 
                        <p>{{ product.description }}  </p>

                        <a class="fancybox" href="#prodDesc-{{product.id}}">More Information &#187;</a>
                        <div class="prod-cart">
                            <span class="qty-amt">QTY: <input value="1" id="{{ product.id }}"  /> BOX</span>

                            <button href="javascript:void(0);" ng-click="submitSku(product.sku,product.id,false, true)">Add to Cart</button>

                        </div>

                    </div>

                </li>

Answer 1

假设您已在 div 上应用ng-repeat

HTML:

   <div ng-repeat="product in products ">
    <button ng-click="submitDynamicSku(product.sku,product.id,false, true)">{{product}}"</button>
    </div>

Controller :

.controller('products', ['$scope', function($scope) {
   $scope.products=[];
    $scope.submitDynamicSku = function(sku,id,false,true) {
       .......
    }

}]);