angularjs - 只有在angularJS中按下按钮后，我如何加载json数据

Question

我想要类似于 angularJS 站点中的教程的内容，但是如何仅在按下按钮后才使数据显示在页面上？

Answer 1

更新

我看到您已经更新了您的问题并希望在单击时加载 json 数据：

Plunker：http ://plnkr.co/edit/nWoSrGxU1yfO6mUhiyvx?p=preview

HTML保持不变：

  <button ng-click="clickButton()">Click!</button>
  <div ng-bind="message"></div>

JSON：test.json 文件包含：

{"msg": "I AM A TEST MESSAGE" }

Angular：这是最基本的方法。您使用 $http 并在您的clickButton()函数中调用它：

var app = angular.module('myTestApp', []);

app.controller('myController', ['$scope', '$http', function($scope, $http) {

  $scope.clickButton = function() {
    $http.get('test.json').success(function(data) {
        $scope.message = data.msg;
      });
  }
  
}]);

希望这可以帮助。

---

您需要向我们提供更多信息 + 代码，以便我们知道您在说什么。但以下是我认为你所追求的：

HTML：

<div ng-app="myTestApp" ng-controller="myController">
   <button ng-click="clickButton()">Click!</button>
   <div ng-bind="testMessage"></div>
</div>

角度：

angular.module('myTestApp', [])
     .controller('myController', function($scope) {
        $scope.clickButton = function() {
           $scope.testMessage = "I AM A TEST MESSAGE";
        };
     })

小提琴：http: //jsfiddle.net/crjLj/