javascript - 如何使用 Angular JS 获取 json 数据并构建模态

Question

当我点击查看详细信息按钮时，我想请求 JSON 数据，然后在内容上构建模态视图。

HTML:

<a href="#">View Details 1</a>
<a href="#">View Details 2</a>
<a href="#">View Details 3</a>

获取JSON:

function MyCtrl($scope){
      $http.get('json/story.json').success(function(data){
        console.log(data);
        $scope.story = data;
    });
}

当用户单击详细信息按钮时，使用 angular.js 运行此 MyCtrl 函数的最佳做法是什么？上面的 HTML 也正在使用另一个 Controller 打印出来。我希望有某种方法可以将点击与链接中的硬编码 ID 等绑定(bind)起来。

Answer 1

您可以像这样在 Controller 中调用方法:

<a href="#" ng-click="getDetails()">View Details</a>

然后在 Controller 中:

$scope.getDetails = function() {
    $http.get(...).success(function(data){
        $scope.story = data;
    });
}