ng-repeat將某個值保存爲cookie

Question

我使用$ http獲取JSON數據，並且使用ng-repeat（表格格式）顯示它我想爲每個表數據添加一個按鈕，所以單擊該值將會被保存爲一個cookie。請幫我在這裏

Answer 1

查看：

<script src="~/Scripts/angular.js"></script> 
<script type="text/javascript"> 

    function createCookie(name, value, days) { 
     if (days) { 
      var date = new Date(); 
      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 
      var expires = "; expires=" + date.toGMTString(); 
     } 
     else var expires = ""; 
     document.cookie = name + "=" + value + expires + "; path=/"; 
    } 

    var myApp = angular.module("myApp", []); 

    myApp.controller('controller', function ($scope, $http, $compile) { 

     $scope.employees = [{ "name": "Employee1", "surname": "Surname1" }, 
          { "name": "Employee2", "surname": "Surname2" }, 
          { "name": "Employee3", "surname": "Surname3" }, 
          { "name": "Employee4", "surname": "Surname4" }]; 

     $scope.AddCookie = function (employee) { 

      debugger; 
      var cookie = employee.name + " " + employee.surname; 
      createCookie("Employee", cookie, 1); 

     } 
    }); 

</script> 

<div ng-app="myApp" ng-controller="controller"> 
    <table> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Surname</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="e in employees"> 
       <td>{{e.name}}</td> 
       <td>{{e.surname}}</td> 
       <td><input type="button" value="Add Cooke" ng-click="AddCookie(e)"/></td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

這裏是您的Cookie：