更新

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/

如何在angularJS中按下按钮后才能加载json数据

1 个答案:

更新