從模板到函數的訪問對象屬性 - Angular

Question

簡單地說，我有一系列對象，[圖像]，我在Ng-repeat上顯示完美。 當我單擊一個div時，我想看到模板中單擊的特定圖像的“id”屬性。

控制器中的功能：

angular.forEach(value, function (value, key) {
    $scope.images.push({
        id: i,
        src: ("data:image/jpeg;base64," + value)
    });
    i = i + 1;
}

$scope.seeOne = function () {
    console.log(image.id);
}

我的模板：

<div id="galscrolldiv" ng-repeat="image in images">
    <div ng-click="seeOne()">
        <img ng-src="{{images[$index].src}}" width="100%" />
    </div>
</div>

Answer 1

從視圖/模板發送image作為參數。 然后，您可以訪問所單擊圖像的圖像屬性。

你已經錯過了)的forEach 。

控制器：

angular.forEach(value, function (value, key) {
    $scope.images.push({
        id: i,
        src: ("data:image/jpeg;base64," + value)
    });
    i = i + 1;
});

// Get the parameter i.e. image that is clicked
$scope.seeOne = function (image) {
    console.log(image.id);
};

查看/模板：

<div id="galscrolldiv" ng-repeat="image in images">
    <div ng-click="seeOne(image)">
    <!--                  ^^^^^-->
        <img ng-src="{{images[$index].src}}" width="100%" />
    </div>
</div>

Answer 2

您還可以從模板發送$ index屬性

<div id="galscrolldiv" ng-repeat="image in images">
    <div ng-click="seeOne($index)">
    <!--                  ^^^^^-->
        <img ng-src="{{images[$index].src}}" width="100%" />
    </div>
</div>

然后在控制器內部

$scope.seeOne = function (index) {
    console.log($scope.images[index].id);
};

但這可能會導致使用過濾器時出現問題。 所以在使用過濾器的情況下避免$ index。