ご覧いただきありがとうございます。
今現在、オミカレという婚活イベントサイトのAPIを利用したモバイルアプリをMonacaという開発環境とOnsenUIというMonaca専用のフレームワークで構築しています。
Monaca、OnsenUIは主にAngularJSで構築されているので、APIを拾ってくるためにAngularJSを書いているのですが、APIの基本の部分で躓いております。
具体的には以下の部分です。
・APIの戻り値が拾えていない。
・その原因が全くわからない。
(Monacaを使いこなせておらず、デバッグが機能していない。console.log()すらでてこない。)
下記にコードを記載致します。
素人が故にどのような情報をこちらに記載すれば、閲覧者様の解決のお力になるのか理解していないので、追加で必要な情報がございましたら、ご教示いただけますと幸いです。
何卒宜しくお願い致します。
lang
1index.html 2 3<!DOCTYPE HTML> 4<html ng-app="myApp"> 5<head> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 8 <script src="components/loader.js"></script> 9 <link rel="stylesheet" href="components/loader.css"> 10 <link rel="stylesheet" href="css/style.css"> 11 <script> 12 var app = angular.module('myApp', ['onsen']); 13 app.controller('AppController', function($scope, $http){ 14 var apiUrl = 'http://party-calendar.net/top/api/get'; 15 //jsonで戻り値を拾う。東京都のイベントを1件だけ抽出する。 16 var config = { 17 params : { format: jsonp, pref: 13, results: 1, start: 0 } 18 } 19 $http.get(apiUrl, config) 20 .success(function(data){ 21 $scope.title = data.Result[0].Title; 22 $scope.place = data.Result[0].Place; 23 $scope.areaName = data.Result[0].AreaName; 24 }) 25 .error(function(){ 26 alert('失敗しました'); 27 }); 28 }); 29 30 </script> 31</head> 32<body> 33 <ons-navigator var="myNavigator" page="page1.html"> 34 </ons-navigator> 35</body> 36</html> 37 38///////////////////////////////////////////////////////////////////////////////// 39page1.html 40 41<ons-page ng-controller = "AppController"> 42 <ons-toolbar> 43 <div class="center">イベント</div> 44 </ons-toolbar> 45 <div class="event"> 46 <br> 47 {{title}} 48 <br> 49 {{place}} 50 <br> 51 {{areaName}} 52 </div> 53</ons-page> 54/////////////////////////////////////////////////////////////////////////////////
回答1件
あなたの回答
tips
プレビュー