Как привязать данные из ng-repeat к нажатию кнопки - PullRequest
Новая
       4

Как привязать данные из ng-repeat к нажатию кнопки

0 голосов
/ 03 октября 2018

В AngularJS у меня есть 2 параметра массива, которые я связал в HTML, используя ng-repeat.Теперь мне нужно вызвать данные onclick кнопки.Мой код выглядит примерно так:

HTML 

    <div data-ng-repeat="Book in BookDetails">
        <h1>{{Book.Name}}</h1>
        <p><img src="{{Book.Image}}"></p>
        <h5>{{Book.Description}}</h5>
        <h5>{{Book.Specifications.NoofPages}}</h5>
        <h5>{{Book.Specifications.BookType}}</h5>
        <h5>{{Book['Reviews'][0].Ratethebook}}</h5>
        <h5>{{Book['Reviews'][0].ShortReview}}</h5>
        <h5>{{Book['Reviews'][0].EmailId}}</h5>
        <h5>{{Book.Addtocart}}</h5>
        <button data-ng-click="GetDescrp(Book.Description);">Description</button>
        <button data-ng-click="GetSpecification(Book.Specifications.NoofPages + Book.Specifications.BookType);">Specifications</button>
        <button data-ng-click="GetReviews(Book['Reviews'][0].Ratethebook + Book['Reviews'][0].ShortReview + Book['Reviews'][0].EmailId);">Reviews</button>
        <button data-ng-click="Getaddtocart(Book.Addtocart);">Add To Cart</button>
    </div>

JavaScript 

var app = angular.module("MyApplication", []);
    app.controller("MyController", function ($scope) {

        $scope.BookDetails = [
            {
                Name: "Star Wars",
                Image: "Images/pic.png",
                Description: "The process of designing, writing, testing, debugging.",
                Specifications: { NoofPages: "80", BookType: "Paper book" },
                Reviews: [{ Ratethebook: "gdgdg", ShortReview: " vc", EmailId: " gf" }],
                Addtocart: "Under Maintainece"
            },
            {
                Name: "Coading Book",
                Image: "Images/pic2.png",
                Description: "Programming is to find a sequence of instructions that will automate.",
                Specifications: { NoofPages: "180", BookType: "HardBound" },
                Reviews: [{ Ratethebook: "gdgdg", ShortReview: "hg ", EmailId: " uy" }],
                Addtocart: "Under Maintainece1"
            }];
        $scope.GetDescrp = function (BookDescription) {
            alert(BookDescription);

        }
        $scope.Getaddtocart = function (Addtocart) {
            alert(Addtocart);

        }
        $scope.GetSpecification = function (BasicSpecifications) {
            alert(BasicSpecifications);

        }
        $scope.GetReviews = function (BasicReviews) {
            alert(BasicReviews);

        }

    });
</script>
...