Question

我有两个p标签和一个商品清单，每个商品都有一个按钮。我希望当我点击好的按钮时，我的p标签中会显示信息（名称，价格），但一次只有一个好。当点击另一个商品时，应该用新商品替换。

也许有人可以帮助我。

这是我的代码：

HTML：

<p class="name"><span></span> </p>                     
<p class="price"><span></span> </p>

<ul>

    <li ng-repeat="flower in flowers">

        <img class="buk_img" ng-src="{{flower.img}}" alt="{{flower.name}}"/>

        <p ng-bind-html="flower.name" class="cat_name"></p>
        <p class="cat_price">  <span>{{flower.price}}</span> р.</p>
        <a href="" ng-click="send_data_to_form();" class="tobuy" >Заказать</a>

    </li>

</ul>

JavaScript的：

var Flashbuketapp = angular.module('Flashbuketapp',['ngSanitize']); 

Flashbuketapp.controller('FlashbuketListCtrl', function($scope){
    $scope.flowers = [
        {'name': 'good_name', 'price': '6490', 'img' : 'http://image_url.png'},
        {'name': 'good_name', 'price': '6490', 'img' : 'http://image_url.png'},
        {'name': 'good_name', 'price': '6490', 'img' : 'http://image_url.png'},
        {'name': 'good_name', 'price': '6490', 'img' : 'http://image_url.png'}
    ];
});

Answer 1

所以，你想在你的模型中选择一个“选定的花朵”，并且你想在点击一朵花时更改所选花朵，对吗？

<p class="name"><span>{{ selectedFlower.name }}</span> </p>                     
<p class="price"><span>{{ selectedFlower.price }}</span></p>

...

<a href="" ng-click="selectedFlower = flower" class="tobuy" >Заказать</a>

当然，您也可以委托控制器功能：

<a href="" ng-click="selectFlower(flower)" class="tobuy" >Заказать</a>

和

$scope.selectFlower = function(flower) {
    $scope.selectedFlower = flower;
};

Angularjs，从div发送数据

1 个答案: