Angularjs Область Переменных внутри функции

Question

Angularjs Область Переменных внутри функции

0

Следующая структура внутри моего HTML:

<div class="form-group">
  <label for="anbieter">Anbieter</label>
  <input type="text" ng-model="fields_answers.address" class="form-control">
</div>

Я хочу заполнить данные из моей базы данных с помощью $http.get внутри моего контроллера, который выглядит следующим образом (только важные вещи):

(function(){
var SubmitFormController = angular.module('bdb').controller('submitFormCtrl', ['$scope', '$window', '$location', '$http', '$sce', function($scope, $window, $location, $http, $sce){
    var submitForm = this;
    $scope.fields_answers = {};

    submitForm.showResult = function(){
      $http.get("api/administration/idSearch/" + document.getElementById('searchFieldId').value, true).success(function (response) {
        $scope.fields_answers.address = response[0][0].address;
      });
    };
}());

Поэтому, когда я пытаюсь установить что-то с $ scope.fields_answers.address за пределами функции showResult() он работает, но я не могу получить доступ к переменной ng-model внутри функции showResult, она не кажется видимой,

Изменить: я попытался добавить id = "address" на вход и установить его внутри функции showResult() с помощью

 document.getElementById('address').value = response[0][0].address;

это работает. Но я хочу (иметь) использовать переменную ng-model.

Buitenlander 01 июнь 2016, в 10:21

Источник

0

Я думаю, что ваш http-запрос не работает, попробуйте вызвать ошибку (проверьте ссылку docs.angularjs.org/api/ng/service/$http ) и отладьте запрос
SeRu 01 июнь 2016, в 08:11
0

Я должен был быть более точным: «$ http.get» работает на 100% (проверено с console.log), и установка «$ scope.fields_answers.address´ =« что-то »вне функции также работает. Можно установить id = адрес и установить переменную с помощью document.getElementById ('adresse'). Value = response [0] [0] .address; но я не хочу делать это так, я хочу использовать угловой
harrisonfooord 01 июнь 2016, в 08:15
0

Console.log response ???
WorkWe 01 июнь 2016, в 08:15
0

Поэтому для следующего шага попробуйте установить $scope.fields_answers.address = 'somevalue';
SeRu 01 июнь 2016, в 08:16
0

И снова: http.get работает и установка $ scope.fields_answers.address для некоторого тестового значения также работает .... Но не внутри функции submitForm.showResult
harrisonfooord 01 июнь 2016, в 08:19
0

если вы хотите связать его, используя ng-модель в вашем html, просто сделайте это (допустим, это тип ввода) <input type = "text" data-ng-model = "fields_answers.address" />
Rahul Arora 01 июнь 2016, в 08:22
0

Итак, вы пытались установить область видимости внутри submitForm статическим значением, и это сработало?
SeRu 01 июнь 2016, в 08:24
0

Где вы вызываете функцию http get? @Buitenlander
Rahul Arora 01 июнь 2016, в 08:27
0

@Rahul Arora: я изменил модель на модель данных, все еще не работает
harrisonfooord 01 июнь 2016, в 08:27
0

Убедитесь, что вы showResult функцию showResult .
WorkWe 01 июнь 2016, в 08:28
0

@Rahul Arora: строка 7 $ http.get (.....)
harrisonfooord 01 июнь 2016, в 08:28
0

Как вы добавляете контроллер в HTML, он использует controllerAs?
Shafeeque 01 июнь 2016, в 08:29
0

Вы не вызываете функцию submitForm.showResult, кажется @Buitenlander
Rahul Arora 01 июнь 2016, в 08:29
0

@WorkWe: Если бы я не вызвал функцию showResult, как бы я мог установить значение с помощью document.getElementById ('adresse'). Value = 'test' внутри функции showResult ()?
harrisonfooord 01 июнь 2016, в 08:29
0

@Rahul Arora: Да, я.
harrisonfooord 01 июнь 2016, в 08:30
0

Дайте нам HTML-код формы для вызова функции showResult ?
WorkWe 01 июнь 2016, в 08:31
0

Можете ли вы проверить вкладку своей сети, чтобы увидеть, проходит ли этот вызов API, либо вы указали полный код, и если это ваш полный код, то вам необходимо вызвать функцию наподобие submitForm.showResult ();
Rahul Arora 01 июнь 2016, в 08:32
0

Пожалуйста, смотрите мою правку в оригинальном вопросе: showResult () называется 100%, контроллер работает 100% все работает, кроме этого
harrisonfooord 01 июнь 2016, в 08:33
0

В вашем примере кода вы используете 'adresse' один раз и .address вы должны придерживаться одного языка. И вы все еще не ответили, если вы можете установить $scope в статическое значение ВНУТРИ функции.
SeRu 01 июнь 2016, в 08:35
0

Идет вызов API, я не смог бы установить его с помощью document.getElementById ('address'). Value = 'test' (если бы я добавил id = "address" для ввода)
harrisonfooord 01 июнь 2016, в 08:37
0

@SeRu: исправил "адрес" в "адрес" (я только что перевел это для вас, ребята, и пропустил один раз, извините). Вы подразумеваете под статическим значением только некоторую строку, такую как $ scope.fields_answers.address = "hello"? это тоже не работает.
harrisonfooord 01 июнь 2016, в 08:38
0

Попробуйте это в функции $scope.test = 'testvalue'; console.log($scope.test); и проверьте консоль на наличие журнала.
SeRu 01 июнь 2016, в 08:41
0

@SeRu: console.log дает мне значение testvalue , так что это работает
harrisonfooord 01 июнь 2016, в 08:43
0

Теперь попробуйте установить $scope.test = response[0][0].address и снова проверить журнал.
SeRu 01 июнь 2016, в 08:44
0

@SeRu: это дает правильное значение, найденное в response[0][0].address (правильное значение из базы данных).
harrisonfooord 01 июнь 2016, в 08:45
0

Давайте продолжим эту дискуссию в чате .
SeRu 01 июнь 2016, в 08:46

Показать ещё 24 комментария

Теги:

html

angularjs

1 ответ

Ещё вопросы

Я думаю, что ваш http-запрос не работает, попробуйте вызвать ошибку (проверьте ссылку docs.angularjs.org/api/ng/service/$http ) и отладьте запрос
Я должен был быть более точным: «$ http.get» работает на 100% (проверено с console.log), и установка «$ scope.fields_answers.address´ =« что-то »вне функции также работает. Можно установить id = адрес и установить переменную с помощью document.getElementById ('adresse'). Value = response [0] [0] .address; но я не хочу делать это так, я хочу использовать угловой
Поэтому для следующего шага попробуйте установить $scope.fields_answers.address = 'somevalue';
И снова: http.get работает и установка $ scope.fields_answers.address для некоторого тестового значения также работает .... Но не внутри функции submitForm.showResult
если вы хотите связать его, используя ng-модель в вашем html, просто сделайте это (допустим, это тип ввода) <input type = "text" data-ng-model = "fields_answers.address" />
Итак, вы пытались установить область видимости внутри submitForm статическим значением, и это сработало?
Где вы вызываете функцию http get? @Buitenlander
@Rahul Arora: я изменил модель на модель данных, все еще не работает
Убедитесь, что вы showResult функцию showResult .
Как вы добавляете контроллер в HTML, он использует controllerAs?
Вы не вызываете функцию submitForm.showResult, кажется @Buitenlander
@WorkWe: Если бы я не вызвал функцию showResult, как бы я мог установить значение с помощью document.getElementById ('adresse'). Value = 'test' внутри функции showResult ()?
Дайте нам HTML-код формы для вызова функции showResult ?
Можете ли вы проверить вкладку своей сети, чтобы увидеть, проходит ли этот вызов API, либо вы указали полный код, и если это ваш полный код, то вам необходимо вызвать функцию наподобие submitForm.showResult ();
Пожалуйста, смотрите мою правку в оригинальном вопросе: showResult () называется 100%, контроллер работает 100% все работает, кроме этого
В вашем примере кода вы используете 'adresse' один раз и .address вы должны придерживаться одного языка. И вы все еще не ответили, если вы можете установить $scope в статическое значение ВНУТРИ функции.
Идет вызов API, я не смог бы установить его с помощью document.getElementById ('address'). Value = 'test' (если бы я добавил id = "address" для ввода)
@SeRu: исправил "адрес" в "адрес" (я только что перевел это для вас, ребята, и пропустил один раз, извините). Вы подразумеваете под статическим значением только некоторую строку, такую как $ scope.fields_answers.address = "hello"? это тоже не работает.
Попробуйте это в функции $scope.test = 'testvalue'; console.log($scope.test); и проверьте консоль на наличие журнала.
@SeRu: console.log дает мне значение testvalue , так что это работает
Теперь попробуйте установить $scope.test = response[0][0].address и снова проверить журнал.
@SeRu: это дает правильное значение, найденное в response[0][0].address (правильное значение из базы данных).
Давайте продолжим эту дискуссию в чате .

Mike Feltman · Answer 1 · 2016-06-01T07-41-00.000Z

Я не уверен, связано ли это с вашей проблемой или нет, но использование успеха в $ http.get устарело. Попробуйте изменить успех.

Затем возвращает полный объект ответа, поэтому ваши данные должны быть в элементе данных ответа, означающем, что вы получите к нему доступ с помощью response.data, а затем, как правило, когда есть несколько значений, они будут в массиве значений из данных, поэтому, вероятно, ответ. data.values [0] [0].Address.

Если это бит, выведите ответ на консоль и соответствующим образом настройте и, если необходимо, опубликуйте, как выглядит объект ответа здесь.