컨트롤러의 각도 기능이 더 많습니다.

각도로 HTTP 요청을하는 작업이 있습니다. 나는 각도가 매우 새롭다. 그리고 나는 그 앱을 어떻게해야하는지에 대한 구체적인 규칙을 정했다. 당신이 설명 할 수있는 것을 이것을 가능하게 할 수 있는지, 가능하다면 어떻게 할 수 있는지 말해 줄 수 있습니까?컨트롤러의 각도 기능이 더 많습니다.

보기에서 컨트롤러의 함수를 호출하는 몇 개의 단추 또는 일반 링크가 필요합니다. 따라서 하나 이상의 컨트롤러에 하나 이상의 기능이 필요하며 호출이있을 때만 사용할 수 있도록 각 기능의 데이터가 필요합니다. 컨트롤러에서 기능을 만들었습니다.

(function() { 
'use strict'; 

angular 
    .module('userManager') 
    .controller('userDataController', userDataController); 


function userDataController(auth, $scope,$http){ 

    var vm = this; 
    vm.loggedUser = auth; 
    vm.allUsers=[]; 

    function allUsersGet() { 
     $http({ 
      method: 'GET', 
      url: 'http://localhost:3000/users/allUsers', 
      headers: { 
       'Content-Type': 'application/json' 
      } 
     }).then(function (response) { 
      vm.allUsers = response.data; 
     }); 
    } 

} 
})();

그러나이 데이터는 볼 수 없습니다. 누구나보기 및 데이터 인쇄 링크를 작성하는 방법을 말해 줄 수 있고 컨트롤러에 약간의 변경 기능이 필요합니까? 다음과 같이보기 할 수 있습니다 루프 데이터에 대한 $scope

}).then(function (response) { 
    vm.allUsers = response.data; 
    $scope.allUsers = response.data; 
});

에 데이터를 설정하는 데이터의 검색에 사전에

덕분에

출처

2016-07-21 Sasa

필요성 나는 $ 범위를 방지 할 수 있습니다 $ 범위 – aw04

에보기에서 호출하는 기능 (들)을 결합 하는가? 내가 묶는 법을 모르면? – Sasa

귀하의보기 코드를 표시하거나 전화를 걸거나받는 사람에게 – urvashi

는이 같은 템플리트의 컨트롤러를 사용할 수 있습니다

<div ng-controller="userDataController as $ctrl"> 
    <button ng-click="$ctrl.allUsersGet()">get users data</button> 
    <pre> 
    {{ $ctrl.allUsers }} 
    </pre> 
</div>

당신은 또한 컨트롤러에 allUsersGet 기능을 바인딩 할 migtht. 대신

function allUsersGet() { ...

쓰기

this.allUsersGet = function() { ...

출처

2016-07-21 17:31:22

$ ctrl은 특별한 방법이 아닙니다. 그것은 단지 각도 요소에서 가져온 관례입니다. 대신 다른 이름을 사용할 수 있습니다. –

감사합니다. 당신은 나를 매우 빨리 도왔습니다. 지금 내가 원하는 데이터를 얻으려는 응답을 받았습니다. 이 질문은 닫을 수 있습니다. – Sasa

안녕하세요. @Sasa. 내가 도울 수있어서 기쁩니다. 답변을 찾은 것으로 생각되면 동의하십시오. 더 많은 평판을 얻으면 당신은 또한 질문을 upvote 수 있습니다. 질문을 닫는 것은 그 질문이 문제/나쁜 경우에만 수행됩니다. 여기서는 그렇지 않습니다. –

변경 :

<div ng-repeat="user in allUsers"> 
    {{user}} 
</div>

출처

2016-07-21 17:25:37

<div ng-controller="userDataController as userData" > 
<div ng-repeat="user in userData.allUsers"> 
    {{user}} 
</div> 
</div>

'this'를 사용하여 데이터를 바인딩하는 경우 위의 방법을 사용할 수 있습니다.

출처

2016-07-21 17:30:52 urvashi

컨트롤러의 각도 기능이 더 많습니다.

답변

관련 문제