угловая функция в контроллере

Question

угловая функция в контроллере

0

У меня возникла задача сделать некоторый 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;
        });
    }

}
})();

Но я не могу получить эти данные. Может ли кто-нибудь сказать мне, как писать ссылку в режиме просмотра и печати данных, и мне нужно немного изменить функцию в контроллере?

заранее спасибо

Sasa 21 июль 2016, в 19:54

Источник

0

необходимо связать функцию (и) для вызова из вида в область $ $
aw04 21 июль 2016, в 17:22
0

я могу избежать $ scope? А если я не могу, как связать?
Sasa 21 июль 2016, в 17:24
0

Можете ли вы показать свой код просмотра или сказать, как вы звоните / заполняете
urvashi 21 июль 2016, в 17:24
0

почему вы хотите избежать прицела? $ scope.allUsersGet = function () ...
aw04 21 июль 2016, в 17:28
0

Я не звоню, потому что не знаю как
Sasa 21 июль 2016, в 17:28
0

Я не уверен, почему я хочу избежать, я новичок в угловых и выясняю, есть ли что-то в области, которая доступна каждый раз, но я хочу быть доступным, когда вы нажимаете, чтобы вызвать эту функцию, и когда вы вызываете другую для будут доступны только данные из этой функции. Я ошибаюсь?
Sasa 21 июль 2016, в 17:31
0

Хорошей практикой является избегать $ scope и использовать более новый компонентоподобный подход, когда вы привязываете данные к своим контроллерам или делитесь ими со службами.
Hubert Grzeskowiak 21 июль 2016, в 17:32
0

Не беспокойся, Саша, ты можешь вызвать эту функцию, используя простой атрибут onclick кнопки, или, если ты хочешь позвонить, используя angular? Обратитесь к моему ответу ниже, чтобы узнать, как связать, используя 'this' в вашем представлении.
urvashi 21 июль 2016, в 17:37

Показать ещё 6 комментариев

Теги:

javascript

angularjs

function

3 ответа

1

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

Для привязки данных с помощью "this", вы можете использовать вышеупомянутый подход.

urvashi 21 июль 2016, в 15:35

0

Изменение поиска ваших данных для установки данных в область $scope

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

По вашему мнению, вы можете закодировать данные следующим образом:

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

daan.desmedt 21 июль 2016, в 14:26

Ещё вопросы

необходимо связать функцию (и) для вызова из вида в область $ $
я могу избежать $ scope? А если я не могу, как связать?
Можете ли вы показать свой код просмотра или сказать, как вы звоните / заполняете
почему вы хотите избежать прицела? $ scope.allUsersGet = function () ...
Я не звоню, потому что не знаю как
Я не уверен, почему я хочу избежать, я новичок в угловых и выясняю, есть ли что-то в области, которая доступна каждый раз, но я хочу быть доступным, когда вы нажимаете, чтобы вызвать эту функцию, и когда вы вызываете другую для будут доступны только данные из этой функции. Я ошибаюсь?
Хорошей практикой является избегать $ scope и использовать более новый компонентоподобный подход, когда вы привязываете данные к своим контроллерам или делитесь ими со службами.
Не беспокойся, Саша, ты можешь вызвать эту функцию, используя простой атрибут onclick кнопки, или, если ты хочешь позвонить, используя angular? Обратитесь к моему ответу ниже, чтобы узнать, как связать, используя 'this' в вашем представлении.

Hubert Grzeskowiak · Accepted Answer · 2016-07-21T16-02-00.000Z

Вы можете использовать контроллер в любом шаблоне:

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

Вы также хотите связать функцию allUsersGet с контроллером. Вместо

function allUsersGet() { ...

записывать

this.allUsersGet = function() { ...

Кстати, в $ ctrl нет ничего особенного. Это просто соглашение, взятое из угловых компонентов. Вместо этого вы можете использовать любое другое имя.
Спасибо, ты очень быстро мне помог. Я получил ответ сейчас, чтобы взять данные, которые я хочу. Этот вопрос можно закрыть.
Привет @Sasa. Я рад, что смог помочь. Если вы чувствуете, что нашли свой ответ, пожалуйста, примите его. С большей репутацией вы также сможете задавать вопросы. Закрытие вопроса выполняется только в том случае, если вопрос является проблемным / плохим, что здесь не так, я думаю.