コントローラーの機能の中でもっと角度機能

Question

私はいくつかのhttpリクエストを角度で作成する作業をしました。私は角度が非常に新しい、私はどのようにそのアプリケーションを行う必要がありますホットな特定のルールです。あなたが私が何を記述するかどうかをこれを行うことが可能かどうか、そして可能であればどうすればよいか教えてください。

私は、コントローラ内の関数を呼び出すいくつかのボタンや通常のリンクが必要です。ですから、複数の機能を持つコントローラーが1つ必要です。呼び出しが行われたときにのみ使用できるように、各機能のデータが必要です。私はコントローラで機能しました：

(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; 
}); 

にデータを設定するために、データの検索に

Answer 1

次のような任意のテンプレートにコントローラを使用することができます。

<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() { ... 

Answer 2

変更することができますループのデータを次のように：

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

Answer 3

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

'this'を使用してデータをバインドする場合、上記の方法を使用できます。