在Angular phonegap应用程序中使用Azure移动服务

Question

我是angularJS的新手，我正在尝试找出在angularJS phonegap应用程序中使用azure移动服务的方法。我找到了这个“angle-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

如何在我的项目中使用此“angular azure移动服务”？任何帮助都将不胜感激！谢谢

Answer 1

首先，在模块中添加一个角度常数

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>',
    })

接下来，将Azureservice添加到控制器、服务等中。

    .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移动服务。模块已注入您的“myApp”。“服务”。然后，您可以使用Azureservice方法中的一种来访问您的数据。

请注意：必须根据自述文件指定AzureMobileServiceClient名称和Azureservice对象名称。md文件，否则DI将失败。