javascript - 如何使用 AngularJS 将数据传递到另一个 Controller ？

Question

这个问题已经有答案了:

Passing data between controllers in Angular JS? (18 个回答)

已关闭 9 年前。

我想尝试传递从 api 获取的数据:

Javascript:

 function RecentCars($scope, $http){
        $scope.cars = [];
        $http({method:'GET'; url:'/recent'}).success(function(data,status){
                $scope.cars = data;
        });
        $scope.clickThatCar =function(){
                // want to pass that cars data to the CarPage Controller

        }
    }

    function CarPage($scope, data){
       // get the data for the car that was clicked 
    }

HTML:

<div ng-repeat="motor in cars">
       <div class="car_row" ng-click="clickThatCar()">
           <img class="car_img" src="/images/{{motor._id}}_0.jpg">
           <div class="car_info">
               <span class="brand_name">{{motor.brand}}</span>
               <span class="price">4,200 KD</span>
          </div>
       </div>
</div>

我正在使用 ng-repeat 列出一些汽车，并且该位工作正常，但是当我单击 clickThatCar 元素时，我只想传递仅被单击的汽车的数据。我对 Angular 真的很陌生:(

Answer 1

您可以在 ng-click 调用中传递汽车信息。您的代码将如下所示:

<div ng-repeat="motor in cars">
    <div class="car_row" ng-click="clickThatCar(motor)">
        <img class="car_img" src="/images/{{motor._id}}_0.jpg">
        <div class="car_info">
            <span class="brand_name">{{motor.brand}}</span>
            <span class="price">4,200 KD</span>
        </div>
    </div>
</div>