1

angularJSサイトのチュートリアルに似たものが欲しいのですが、ボタンが押された後にのみページにデータを表示するにはどうすればよいですか?

4

1 に答える 1

3

アップデート

質問を更新したようで、クリック時にjsonデータをロードしたい：

プランカー: 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/

于 2013-05-23T00:25:52.343 に答える