javascript - AngularJS:使用 "ng-click"并获取特定的 JSON 文件

Question

我有两个图像的缩略图 View 和两个 JSON 文件(名为 dataOne.json 和 dataTwo.json)。当用户点击其中一张图片时，我想在新窗口中列出相应 JSON 文件的所有元素。我如何实现这一点？

HTML:

<div id = "Cities" class = "neighborhood-guides">
    <div class = "container">
        <div class = "thumbnail" ng-click = "city  NYC">
            <image src = "Images/NYC.jpg"/>
        </div>
        <div class = "thumbnail" ng-click = "city  LA">
            <image src = "Images/LA.jpg"/>
        </div>
    </div>
</div>

Answer 1

在 ng-click 前面的代码中，您必须放置一个带/不带参数的函数名称。

<div class = "thumbnail" ng-click = "city(NYC)">
        <image src = "Images/NYC.jpg"/>
</div>
<div class = "thumbnail" ng-click = "city(LA)">
        <image src = "Images/LA.jpg"/>
</div>

然后从那里得到答案取决于你的 json 文件在哪里。 在一个很好的情况下，它是网络，那么你必须在你的 Controller 中使用 $http 服务，如下所示:

yourApp.controller('yourController', /* injections: e.g $http.... */){

$scope.city = function(param) {
  $http.get('theURLaddressOfYourJSONFiles', param).succes(
    function(data){
    // do somehhitng with this data e.g.
    console.log(data);
    }
  ).error();
}