1.x 각도로 데이터를 전달하는 방법

Question

ng-repeat에서 데이터를 데이터 속성으로 전달하려면 어떻게해야합니까?

다음 내용을 참조하십시오.

불쌍한 형식으로 미안합니다. 이것은 내 StackOverflow에 처음 게시됩니다.

<div class="row"> 
    <div class="col-md-3" ng-repeat="p in controller.prod | filter:{state:'California'}"> 
    <div class="card"> 
     <div class="card-block"> 
     <h3 class="card-title">{{p.productName}}</h3> 
     <h6 class="card-subtitle text-muted">${{p.price}}</h6> 
     <img ng-src="{{p.productImage}}" class="img-fluid"> 
     </div> 
     <div class="card-block"> 
     <div class="card-text">Product information<a 
       href="#" 
       class="card-link productItem btn btn-primary" 
       <!--Below is what i'm trying to accomplish --> 
       data-name="{{p.productName}}" 
       data-s="black" 
       data-price="{{p.price}}" 
       data-id="1">Add to Cart</a> 
     </div> 
     <br /> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

당신은 컨트롤러에서 $ 범위에서 하나 개의 배열을 할당해야이처럼 HTML 템플릿에서 NG-reapeat와 결합하는 그 후 :

app.controller("myCtrl", function($scope) { 
    $scope.records = [ 
     "Alfreds Futterkiste", 
     "Berglunds snabbköp", 
     "Centro comercial Moctezuma", 
     "Ernst Handel", 
    ] 
}); 

---

템플릿 :

<h1 ng-repeat="x in records">{{x}}</h1>