JSONデータを同じ角度のコントローラ内のある関数から別の関数に注入

Question

現在、ノード、角、明示、html環境にいます。 私は、このテキストエリアに文字用の書式付きテキストデータを入力するために使用する多数のボタンがあります。ここで

<div class="form-group"> 
<label class="control-label" for="flyer description">Description</label> 
    <textarea style="height:400px" class="form-control" id="flyer-description"></textarea> 
</div> 

は私のボタンである。ここでは <td><button id="button1">Client Welcome</button></td> 20のうち、この1つのボタンに対応するJSの抜粋です：

今

$(function() { 
$('#button1').on('click', function() { 
$('#flyer-description').load("/assets/clientwelcome.txt"); 
}); 
    }); 

、私はテキストをインポートしている間、私はJSONをインポートしたいですデータで、テキストが{{client.name}}を呼び出すときに、ClientCtrl（角度コントローラ）と私のモジュールが存在すると、特定のクライアントの名前に変更されます。誰にも何か提案はありますか？あなたはアンギュラ環境にある場合は、あなたがしたいと思うでしょう

$http.get('dir/wherever/your/data/is/data.json').then(
     function (response) { 
      //success 
      vm.buttonData = response; 
     }, 
     function (response) { 
      //fail 
      console.log("error"); 
     } 
    ); 

あなたがおよそ$httpここhttps://docs.angularjs.org/api/ng/service/$http

Answer 1

あなたはそうのように、データをフェッチし、非同期的にそれを返すために$httpを使用することができます使用しているパターンを調整します。あなたの場合、それらは非常にjQueryであり、Angularではあまりありません。

<div class="form-group"> 
    <label class="control-label" for="flyer description">Description</label> 
    <textarea style="height:400px" class="form-control" id="flyer-description" ng-model="flyerdescription"></textarea> 
<div> 

<td><button id="button1" ng-click="loadFlyer()">Client Welcome</button></td> 

とにあなたのjavascriptを変更する：： `$ http`を解決するために、` $ q`を使用して

angular.module('<yourangularappname>').controller('ClientCtrl', function($scope, $http){ 
    $scope.loadFlyer = function() { 
     $http.get("/assets/clientwelcome.txt").then(function(res){ 
      $scope.flyerdescription = res.data; 
     }); 
    }); 
}); 

Answer 2

を読むことができます：