当我点击查看详细信息按钮时,我想请求 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)起来。
最佳答案
您可以像这样在 Controller 中调用方法:
<a href="#" ng-click="getDetails()">View Details</a>
然后在 Controller 中:
$scope.getDetails = function() {
$http.get(...).success(function(data){
$scope.story = data;
});
}
关于javascript - 如何使用 Angular JS 获取 json 数据并构建模态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15650975/