ng-repeat에서 ng-click을 사용하여 다른 변수에 배열 요소를 저장하려고하는데 요소를 클릭하면 작동하지 않습니다.
이것은 내 코드입니다.
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body ng-controller="myCtrl">
<div ng-repeat="img in images">
<a ng-click="showing = img">{{img.descricao}}</a>
</div>
--------------------
Clicked element description is: {{showing.descricao}}
</body>
</html>
이것은 내 자바 스크립트입니다.
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.images = [
{
"id": 1,
"image": "http://placehold.it/300x300",
"ordem": 1,
"descricao": "Descricao 1"
},
{
"id": 2,
"image": "http://placehold.it/300x300",
"ordem": 2,
"descricao": "Descricao 2"
}
];
$scope.showing = {};
});
내 완전한 코드가 있습니다 : http://jsbin.com/fuyuci/1/edit
내가 어디에서 틀렸어?
ng-repeat가 자체 범위를 생성하기 때문에 ng-repeat에서 표시 값을 변경할 때 올바르게 사용하지 않는 것 같습니다. 대신 $ scope.showing의 값을 설정하는 함수를 바인딩해야합니다. 예를 들면 :
$scope.changeShowing = function(img) {
`$scope.showing = img;`
};
ng-click = "changeShowing (img)" '
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다