Используйте мобильную службу Azure в приложении Angular phonegap

Я новичок в angularJS и пытаюсь понять, как использовать лазурный мобильный сервис в приложении телефонной связи angularJS. Я нашел этот "angular-azure-mobile-service" https://github.com/TerryMooreII/angular-azure-mobile-service/, но застрял на третьем шаге:

angular.module('myapp', ['myApp.controllers', 'myApp.services', 'azure-mobile-service.module']);

И это мой исходный код:

(function(){
'use strict';
var module = angular.module('app', ['onsen']);

module.controller('AppController', function($scope, $data) {
$scope.doSomething = function() {
  setTimeout(function() {
    alert('tappaed');
  }, 100);
};
});
module.controller('DetailController', function($scope, $data) {
$scope.item = $data.selectedItem;
});

module.controller('MasterController', function($scope, $data) {
$scope.items = $data.items;  

$scope.showDetail = function(index) {
  var selectedItem = $data.items[index];
  $data.selectedItem = selectedItem;
  $scope.ons.navigator.pushPage('detail.html', {title : selectedItem.title});
};
});

module.factory('$data', function() {
  var data = {};

  data.items = [
      { 
          title: 'Item 1 Title',
          label: '4h',
          desc: 'Lorem ipsum dolor sit amet'
      },
      { 
          title: 'Another Item Title',
          label: '6h',
          desc: 'Ut enim ad minim veniam.'
      },
      { 
          title: 'Yet Another Item Title',
          label: '1day ago',
          desc: 'Duis aute irure '
      },
      { 
          title: 'Yet Another Item Title',
          label: '1day ago',
          desc: 'Duis aute irure.'
      }
  ]; 

  return data;
 });
 })();

А вот моя файловая структура: http://1drv.ms/1yA6VmF

Как я могу использовать этот «угловой-лазурный-мобильный-сервис» в своем проекте? Любая помощь будет оценена по достоинству! Спасибо!!


cordova angularjs visual-studio-2013 azure-mobile-services onsen-ui
person Vincent Liao    schedule 10.12.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Прежде всего добавьте константу Angular в свой модуль.

angular.module('myapp', ['azure-mobile-service.module'])
    .constant('AzureMobileServiceClient', {
        API_URL : 'https://<your-azure-service>.azure-mobile.net/',
        API_KEY : '<your-azure-service-API-KEY>',
    })

Затем добавьте службу Azure в свой контроллер, службу и т. д.

    .service('myApp.service', function(Azureservice) {
        this.init = function () {
            /* Replace the <my-table-name> with the name of the table in your Azure database. You can use any of the Azureservice methods at this point */
            Azureservice.getAll('<my-table-name>')
            .then(function(items){
                $scope.items = items;
            }, function(err){
                console.error(err);
            });

        }
    })

Внедрение зависимостей гарантирует, что azure-mobile-service.module внедряется в ваш «myApp.service». Затем вы можете использовать один из методов Azureservice для доступа к своим данным.

ОБРАТИТЕ ВНИМАНИЕ: имя AzureMobileServiceClient и имя объекта Azureservice должны быть указаны в соответствии с README.md, в противном случае произойдет сбой внедрения зависимостей.

person IsolatedStorage    schedule 09.07.2015