같은 각도 컨트롤러에서 한 함수에서 다른 함수로 JSON 데이터 주입

Question

현재 노드, 각도, 표현식, html 환경에 있습니다. 이 텍스트 영역을 문자 형식의 텍스트 데이터로 채우는 데 사용하는 수많은 버튼이 있습니다. 지금

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

내가 텍스트를 가져올 수 있지만 내가 JSON을 가져올 것 : 여기 <td><button id="button1">Client Welcome</button></td> 은 JS의 조각 20에서이 1 개 버튼에 해당하는 것입니다 : 여기

<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> 

내 버튼입니다 데이터를 입력하면 {{client.name}}이라는 텍스트가 호출 될 때 ClientCtrl (각도 컨트롤러)과 내 모듈이있는 상태에서 특정 클라이언트의 이름으로 바뀝니다. 누구든지 어떤 제안이 있습니까?

Answer 1

당신과 같이 데이터를 가져오고 비동기를 반환하는 $http를 사용할 수 있습니다

$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 2

, 당신이 원하는 것 읽을 수 있습니다 사용중인 패턴을 조정하십시오. 귀하의 경우에는 매우 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> 

과로 자바 스크립트를 수정 : 다음과 같은 조정하여이 문제를 해결할 수

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