角度1.xでデータを渡す方法

Question

ng-repeatのデータをデータ属性に渡すにはどうすればよいですか？

私が目指していることを以下に見てください。

申し訳ありませんが、これは私の初めてのStackOverflowへの投稿です。

あなたのコントローラで$スコープに1列を割り当て、その後、このようなあなたのHTMLテンプレートでNG-reapeatでそれをバインドする必要があり

<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

：

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>