Gunakan aplikasi AngularJS untuk mengakses perpustakaan gambar Android phone_AngularJS

Muat turun angularjs.zip - 4.5 KB

Pengenalan

Artikel ini menerangkan cara menggunakan AngularJs untuk memanggil REST API yang didedahkan oleh Android Apps untuk mengakses pustaka imej.

Latar belakang

Terdapat banyak apl akses jauh untuk Android dan IOS, tetapi pembangun kekurangan API untuk akses jauh kepada ciri telefon mudah alih Oleh itu, myMoKit telah dibangunkan untuk mengisi kekurangan penyelesaian perisian.

Gunakan kod

Menggunakan kod adalah sangat mudah, anda hanya perlu merujuk perkhidmatan myMoKit melalui URL web, dan anda boleh melihat semua API REST terdedah

Senarai API dan media penstriman ini dalam telefon mudah alih Memanggil REST API melalui AngularJs boleh menggunakan perkhidmatan $resource dengan mudah.

Anda boleh mencipta sumber yang anda perlukan untuk mengembalikan senarai media

angular.module('resources.media', [ 'ngResource' ]);
angular.module('resources.media').factory(
  'Media',
  [
    '$rootScope',
    '$resource',
    '$location',
    '$http',
    function($rootScope, $resource, $location, $http) {
     var mediaServices = {};
     mediaServices.getAllMedia = function(media) {
       var path = $rootScope.host + '/services/api/media/' + media;
       return $resource(path, {},
         {
          get : {
           method : 'GET',
           isArray : false
          }
         });
     };
     return mediaServices;

  } ]);

Menggunakan modul yang dicipta, anda boleh mendapatkan semua gambar dan video dengan mudah

var getAllImages = function(){
   Media.getAllMedia('image').get().$promise.then(
     function success(resp, headers) {
      $scope.allImages = resp;
      $scope.images = $scope.allImages.images;
     }, function err(httpResponse) {
      $scope.errorMsg = httpResponse.status;
     });
  };

  var getAllVideos = function(){
   Media.getAllMedia('video').get().$promise.then(
     function success(resp, headers) {
      $scope.allVideos = resp;
      $scope.videos = $scope.allVideos.videos;
     }, function err(httpResponse) {
      $scope.errorMsg = httpResponse.status;
     });
  };

Anda boleh memaparkan satu siri imej yang diperolehi melalui pelayar web

dengan mudah

<div class="alert alert-info">
<p> </p>

<h4 class="alert-heading">Usage - <i>Image Gallery</i></h4>

<p> </p>


<ul class="row">
  <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4" ng-repeat="image in images" style="margin-bottom:25px"><img class="img-responsive" ng-click="showImage($index)" ng-src="{{streamImageLink}}&#63;uri={{image.contentUri}}&&id={{image.id}}&kind=1" /></li>
</ul>
</div>

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.