在另一個div中查看ng-repeat中的選定照片

我有一個表格，其中有ng-repeat中的數據。一列包含照片。當我編輯表格中的特定數據時，應顯示已選擇的數據的照片。我怎麼可能做到這一點？在另一個div中查看ng-repeat中的選定照片

在我的表中的代碼是這樣

<td> 
    <img ng-src='{{ item.photo }}' height='50px'> 
</td>

而在我其他分區它是這樣的

<img ng-src='pphoto' style="float:right;width:200px;height:100px;" alt="img"/>

來源

2016-12-05 bleykFaust

您可以通過一個函數將元素的NG單擊並綁定該到一個變量。演示

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

 
app.controller("listController", ["$scope", 
 
    function($scope) { 
 
    $scope.options = [{ 
 
     'title': 'Title1', 
 
     'label': 'Zip code', 
 
     'type': 'xxx', 
 
     'photo': 'https://lh4.ggpht.com/wKrDLLmmxjfRG2-E-k5L5BUuHWpCOe4lWRF7oVs1Gzdn5e5yvr8fj-ORTlBF43U47yI=w300' 
 
    }, 
 
    { 
 
     'title': 'Title2', 
 
     'label': 'Zip code2', 
 
     'type': 'yyyy', 
 
     'photo': 'https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSSYBkITzCk_4rBfHIkRTwSLf_VJ5OqmPCrLZV7mZZ2s8RzZJgf5RFhzJ0' 
 
    } 
 

 
    ]; 
 

 
    $scope.pphoto; 
 

 
    $scope.assign = function(item) { 
 

 
     $scope.pphoto = item.photo; 
 
    } 
 
    } 
 
]);

<!doctype html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 
<body> 
 
<div ng-controller="listController"> 
 
    <div> 
 
     <table> 
 
     <td ng-repeat="item in options"> 
 
      <img ng-src='{{item.photo}}' height='50px'> 
 
      <button ng-click="assign(item)">EDIT</button> 
 
     </td> 
 
     </table> 
 
     <div>Q 
 
     <img ng-src='{{pphoto}}' alt="img" /> 
 
     </div> 
 
</body> 
 
</html>

來源

2016-12-05 02:23:59 Sajeetharan

在另一個div中查看ng-repeat中的選定照片

回答

相關問題