Задать вопрос
@shnicel
javascript

Как в angular js из массива вставить значение в div?

Вопрос таков,первый раз столкнулся с angular,хочу начать изучать глянул пару уроков на ютубе и решил попробовать и сразу возник вопрос как из того что находится в массиве аякса расставить по div id?
<script>
	var app = angular.module('app',[]);
		app.controller("profileCtrl", function(){
			var req="https://api.vk.com/method/users.get?user_ids=1"
			$.ajax({
			    url : req,
			    type : "GET",
			    dataType : "jsonp",
			    success : function(msg){
			    //console.log(msg.response[0]);
			    }
			});
		})
</script>

</head>
<body ng-app="app">
	<div class="container">
		<div class="profile" ng-controller="profileCtrl">
			<div id="First_name"></div>
			<div id="Last_name"></div>
			<div id="City"></div>
			<div id="Avatar"></div>
		</div>
	</div>
</body>

Если я правильно понял то это должно выглядеть в фигурных скобках?
Буду очень благодарен если кто то скинет материал где описана работа angular и vk api)
  • Вопрос задан
  • 195 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
psixodyb
@psixodyb
Хочу, чтобы мой сын стал полубогом Frontend'a 
<script>
  var app = angular.module('app',[]);
    app.controller("profileCtrl", function(){
      var req="https://api.vk.com/method/users.get?user_ids=1"
      $.ajax({
          url : req,
          type : "GET",
          dataType : "jsonp",
          success : function(msg){
          //console.log(msg.response[0]);
$scope.msg = msg.response[0]
          }
      });
    })
</script>

А в верстку {{msg}} куда надо
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ответы на вопрос 1
coderisimo
@coderisimo Куратор тега JavaScript
"$.ajax({....." это jQuery?
Для запросов в ангуляре есть модуль $http - https://docs.angularjs.org/api/ng/service/$http
далее после получения данных вы помещаете их в модель типа :
..... success(function (data) {
                                    $scope.data_from_server = data;
                                });


а в разметке у вас :
</head>
<body ng-app="app">
  <div class="container">
    <div class="profile" ng-controller="profileCtrl">
      <div id="First_name"> {{data_from_server.First_name}} </div>
      <div id="Last_name"> {{data_from_server.Last_name}} </div>
      ..........
    </div>
  </div>
</body>


это в общих чертах. а лучше бы вы взяли и разобрали готовый пример. там все довольно наглядно.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настроить сайт
23 нояб. 2024, в 00:16
2000 руб./за проект
Разобрать текущий ETL-процесс
22 нояб. 2024, в 23:55
3000 руб./за проект
Телеграмм бот на Python
22 нояб. 2024, в 22:26
3500 руб./за проект
Ещё заказы