私はng-repeatのデータを持つテーブルを持っています。列に写真が含まれています。テーブル内の特定のデータを編集すると、選択したデータの写真が表示されます。私はどうすればそれを行うことができますか？私のテーブルで別の部門のng-repeat内の選択した写真を表示
あなたは上の機能を経由して要素を渡すことができ、コードがこの
<td>
<img ng-src='{{ item.photo }}' height='50px'>
</td>
ようになり、私の他のdivの中で、それはこの
<img ng-src='pphoto' style="float:right;width:200px;height:100px;" alt="img"/>
ように書き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>