Угловой с строкой запроса

Question

Угловой с строкой запроса

0

** угловой новичок alert **

У меня есть веб-страница, которая вызывается с несколькими значениями запроса.

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

<span class="username">{{firstName}}{{lastName}}</span>

и я разбираю запрос с помощью этого

  var vars = [], hash;
  var q = document.URL.split('?')[1];
  if (q != undefined) {
    q = q.split('&');
    for (var i = 0; i < q.length; i++) {
      hash = q[i].split('=');
      vars.push(hash[1]);
      vars[hash[0]] = hash[1];
    }
  }

  alert(vars['lastName']);

Я не уверен, как фактически управлять значениями в полях привязки данных.

pithhelmet 06 июнь 2016, в 21:59

Источник

1

здесь нет ничего C#
Jonesopolis 06 июнь 2016, в 19:07
0

Есть много онлайн-учебников по Angular. Вы пытались взглянуть на них и понять, как работает AngularJS ..?
MethodMan 06 июнь 2016, в 19:10
0

Да, это здорово ... но в этом вопросе я не нашел решения, которое изложил выше. Я поместил текстовое поле внизу страницы и обновил текстовое поле значением из строки запроса, в поле связанных данных ничего не обновлялось - пока я вручную не введу значение в текстовое поле вручную, а затем оно не обновит { {lastName}}, так что мне нужно заменить часть помещения значения в текстовое поле, изменив текст для его отображения.
pithhelmet 06 июнь 2016, в 20:01

Показать ещё 1 комментарий

Теги:

javascript

angularjs

2 ответа

1

Используйте провайдер $ location из углового.

Вы можете выполнить var searchObject = $location.search();

Затем получите ключ от этого объекта. Как searchObject.lastName

angular.controller("ctrl", ['$ location', function ($ location) {/** Код Ctrl **/

}]);

Don 06 июнь 2016, в 18:04

0

Я попробовал это направление в первый раз, но я получаю ошибку, что $ location не определено. как внутри блока кода jquery (документа) .ready и снаружи.
pithhelmet 06 июнь 2016, в 19:39
0

ты используешь угловой? вы должны ввести $ location внутри вашего контроллера
Don 06 июнь 2016, в 19:49
0

да - я добавил этот код, чтобы убедиться, что он работает <span class = "username"> {{firstName}} {{lastName}} {{1 + 2}} </ span> и отображается 3
pithhelmet 06 июнь 2016, в 19:55
0

пожалуйста, объясните, как DI будет реализован в вопросе
pithhelmet 06 июнь 2016, в 19:56
0

вы бы сделали angular.controller ("ctrl", ['$ location', function ($ location) {}]); Проверить ответ
Don 06 июнь 2016, в 20:21

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

Ещё вопросы

Есть много онлайн-учебников по Angular. Вы пытались взглянуть на них и понять, как работает AngularJS ..?
Да, это здорово ... но в этом вопросе я не нашел решения, которое изложил выше. Я поместил текстовое поле внизу страницы и обновил текстовое поле значением из строки запроса, в поле связанных данных ничего не обновлялось - пока я вручную не введу значение в текстовое поле вручную, а затем оно не обновит { {lastName}}, так что мне нужно заменить часть помещения значения в текстовое поле, изменив текст для его отображения.
Я попробовал это направление в первый раз, но я получаю ошибку, что $ location не определено. как внутри блока кода jquery (документа) .ready и снаружи.
ты используешь угловой? вы должны ввести $ location внутри вашего контроллера
да - я добавил этот код, чтобы убедиться, что он работает <span class = "username"> {{firstName}} {{lastName}} {{1 + 2}} </ span> и отображается 3
пожалуйста, объясните, как DI будет реализован в вопросе
вы бы сделали angular.controller ("ctrl", ['$ location', function ($ location) {}]); Проверить ответ

pithhelmet · Accepted Answer · 2016-06-07T13-04-00.000Z

Я должен был пойти с несколькими порциями из нескольких рубильников вместе с молотком, чтобы получить что-то на своем месте.

При этом размещение кода особенно важно.

большая часть кода должна быть сделана в начале страницы и в разделе главы.

предложение для $ location было хорошим, но, похоже, оно терпело неудачу каждый раз, когда я помещал его в блок кода.

Вот основной блок кода...

  <script>

var dashboardApp = angular.module('dashboardApp', []);
dashboardApp.controller('userNameCtrl', function ($scope) {

  var vars = [], hash;
  var q = document.URL.split('?')[1];
  if (q != undefined) {
    q = q.split('&');
    for (var i = 0; i < q.length; i++) {
      hash = q[i].split('=');
      vars.push(hash[1]);
      vars[hash[0]] = hash[1];
    }
  }

  $scope.firstName = vars['firstName'];
  $scope.lastName = vars['lastName'];
});

<body ng-app="dashboardApp">

<span class="username" ng-controller="userNameCtrl">{{firstName}} {{lastName}}</span>

Этот кодовый блок выходит из строя без сообщений об ошибках, но он выходит из строя и выдает оставшийся блок javascript

    var dashboardApp = angular.module('dashboardApp', []);

dashboardApp.controller('userNameCtrl', function ($scope, $location) {

  alert("First Name is - " + $location.search()['firstName']);

  var vars = [], hash;
  var q = document.URL.split('?')[1];
  if (q != undefined) {
    q = q.split('&');
    for (var i = 0; i < q.length; i++) {
      hash = q[i].split('=');
      vars.push(hash[1]);
      vars[hash[0]] = hash[1];
    }
  }

  $scope.firstName = vars['firstName'];
  $scope.lastName = vars['lastName'];
});