AngularJS ng-bind选择文本不起作用

Question

所以我现在正在使用Angularjs，Prestashop webservice和一些HTML，PHP等创建一个新的应用程序。

突然间我在创建购物车和结帐系统时偶然发现了一个问题

1. 所有产品均从数据库中选择。
2. 可以通过按钮将产品添加到购物车中。
3. 该按钮是一个ng-click功能。

我遇到的问题是选择元素的输入，例如产品名称。

请参阅下面的代码。

＆＃13;
＆＃13;
    $scope.addToCart = function(){
		// info is in the table / single product layout
		var id = $(this).find('h5.product-id').text();
		var product_name = $(this).find('h5.product_name').text();
		var product_price = $(this).find('h5.product_price').text();
		var product_size = $(this).find('h5.product_size').text();
		var quantity = $(this).find('h5.product_quantity').val();
		// redirect to add_to_cart.php, with parameer values to process the request
        alert($(this).find("h5.product_name").text());
		/*
        $.ajax({
                    type: "POST",
            data:{id:id, product_name:product_name,product:product_price, product_size:product_size, quantity:quantity},
            url:"config/cart/addCart.php" // PHP Page URL To php code saving the input to the database
        });
        */
    };
＆＃13;
<div class="container">
                            <form>
                                <div class="row hidden">
                                    <div class="col-12 product text-center">
                                        <h5 class="product_id" ng-bind="product.id"></h3>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 product text-center">
                                        <h5 class="product_name" ng-bind="product.name"></h3>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="no-padding col-6">
                                        <h5>{{ 'Prijs' | translate }}</h5>
                                    </div>
                                    <div class="no-padding product col-6" data-name="{{product.price}}" >
                                        <h5 class="product_price" ng-bind="product.price"></h5>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="no-padding col-6">
                                        <h5>{{ 'Totale voorraad' | translate }}</h5>
                                    </div>
                                    <div class="no-padding product col-6" ng-if="product.id == stock_available.id" ng-repeat="stock_available in stock_availables">
                                        <h5 ng-bind="stock_available.quantity"></h5>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="no-padding col-6">
                                        <h5>{{ 'Kies uw maat' | translate }}</h5>
                                    </div>
                                    <div class="no-padding product col-6">
                                        <h5 class="product_size">S</h5>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="no-padding col-6">
                                        <h5>{{ 'Kies aantal' | translate }}</h5>
                                    </div>
                                    <div class="no-padding product col-6">
                                        <h5 class="product_quantity">2</h5>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <button ng-click="addToCart()" type="submit">
                                            Toevoegen aan winkelwagen
                                        </button>
                                    </div>
                                </div>
                            </form>
＆＃13;
＆＃13;
＆＃13;

请注意$.ajax请求，因为它是评论中的。

首先我想测试选择，所以我想出了一个简单的alert。我遇到的问题是alert()是空的。

1. 是的，我已经在堆栈上检查了其他问题和答案，但它们对我没有用。
2. 是的，我确实检查了数据是否已加载，并且选择了正确的控制器。

希望有人有一个好的解决方案。 提前谢谢！