Rumah > hujung hadapan web > tutorial js > Gunakan aplikasi AngularJS untuk mengakses perpustakaan gambar Android phone_AngularJS

Gunakan aplikasi AngularJS untuk mengakses perpustakaan gambar Android phone_AngularJS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 16:07:59
asal
1911 orang telah melayarinya

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;
 
  } ]);
Salin selepas log masuk

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;
     });
  };
Salin selepas log masuk


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>
Salin selepas log masuk

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

Label berkaitan:
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan