javascript - AngularJS 重新加载按钮？

Question

我在添加使用按钮刷新加载数据的方法时遇到问题。我的 Controller :

.controller('mainCtrl', function($scope, $http, User) {
        $scope.loading = true;

        User.get()
            .success(function(data) {
                $scope.users = data;
                $scope.loading = false;
            });
    });

服务:

angular.module('userService', [])

    .factory('User', function($http) {

        return {
            get : function() {
                return $http.get('/api/users/get');
            }
        }

    });

这就是我的观点:

<div class="box" ng-app="userApp" ng-controller="mainCtrl">
                <div class="box-header">
                    Angular Test <button class="btn btn-success" ng-click="get()"><i class="fa fa-refresh"></i> Reload</button>
                </div>
                <div class="box-body">
                    <p class="text-center" ng-show="loading"><span class="fa fa-meh-o fa-5x fa-spin"></span></p>
                    <table ng-hide="loading" class="table table-responsive">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Username</th>
                                <th>Realname</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="user in users">
                                <td>@{{ user.id }}</td>
                                <td>@{{ user.name }}</td>
                                <td>@{{ user.realname }}</td>
                                <td>@{{ user.email }}</td>
                                <td>@{{ user.phone }}</td>
                                <td>
                                    <a href="/admin/profile/@{{ user.id }}" class="btn btn-block btn-primary btn-sm">
                                        <i class="fa fa-user" aria-hidden="true"></i> Profile
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

正如您所看到的，我尝试使用 ng-click="get" 重新加载按钮。然而这没有任何作用。我需要在那里打电话做什么？

Answer 1

您必须在 Controller 中创建一个新函数来获取用户数据，并将其分配给作用域，这样您就可以根据需要从模板中调用它。

.controller('mainCtrl', function($scope, $http, User) {


    function get() {
        $scope.loading = true;
        User.get()
            .success(function(data) {
                $scope.users = data;
                $scope.loading = false;
            });
    }

    // Assign the get function to the scope
    $scope.get = get;

    // Call the get function when the controller is created
    get();
});