用户运行我们的应用程序时如何获取设备详细信息？

Question

我是 Angular js 和 ionic 移动应用程序的新手，我遇到了一个错误。我怀疑用户是否在那时打开应用程序，我需要获取设备名称、版本、型号等移动设备详细信息。为此我写了单独的控制器..

<!-- Module File -->

var moduleName = angular.module('InfoModule', ['ngRoute','ui.bootstrap','ngTouch','ngAside','ngDialog','ionic'])
.run(['$rootScope','$location','StorageService', 
      function ($rootScope,$location,StorageService) {
    $rootScope.appInitDone = false;
    $rootScope.currentPage = "home";
    $rootScope.loginStatus = 0;    
}]);

<!-- Controller -->
moduleName.controller('PlatformController', function ($scope,$filter,$rootScope,$apply,$location,$ionicPlatform, $cordovaDevice) {
    $ionicPlatform.ready(function() {
        $scope.$apply(function() {
            // sometimes binding does not work! :/
            // getting device infor from $cordovaDevice
            var device = $cordovaDevice.getDevice();
            console.log(device);
            $scope.manufacturer = device.manufacturer;
            $scope.model = device.model;
            $scope.platform = device.platform;
            $scope.uuid = device.uuid;
            console.log($scope.uuid);
        });
    });
});

<!--This is Home Html File-->
<div ng-controller="PlatformController"></div>
<div ng-controller="HomeController">
        <input type="textbox" name="searchBox" placeholder="Search Form SomeThing"  class="form-control" data-ng-model="someType" ng-click="Search()" style="height:40px;margin-top:50px;"/>
</div>

<!--Injected Links -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.1.0/css/ionic.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.1.0/js/ionic.min.js"></script>


I am getting $cordovaDevice Error and $Injector Mobuler error

       Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.12/$injector/modulerr?p0=InfoMod…p%3A%2F%2F127.0.0.1%3A50666%2Fjs%2FScriptFiles%2Fangular.min.js%3A17%3A381)


And also where we need to call the Plat Form Controller to get device information .......Please help me.......If you have any other ideas or examples please give me the solution..please....


And Also I tried another way...In module i wrote another way...Like bellow

<!-- If tried Like this i am Getting Injector Modular like above error -->

var infomoduler = angular.module('InfoModule', ['ngRoute','ui.bootstrap','ngTouch','ngAside','ngDialog','ng-bootstrap-datepicker','angular-loading-bar','infinite-scroll','ionic'])
.run(['$rootScope','$location', 
      function ($rootScope,$location) {
    $rootScope.appInitDone = false;
    $rootScope.currentPage = "home";
    $rootScope.loginStatus = 0;

   ionic.Platform.ready(function(){
    // will execute when device is ready, or immediately if the device is already ready.
  });

  var deviceInformation = ionic.Platform.device();

  var isWebView = ionic.Platform.isWebView();
  var isIPad = ionic.Platform.isIPad();
  var isIOS = ionic.Platform.isIOS();
  var isAndroid = ionic.Platform.isAndroid();
  var isWindowsPhone = ionic.Platform.isWindowsPhone();

  var currentPlatform = ionic.Platform.platform();
  var currentPlatformVersion = ionic.Platform.version();

  ionic.Platform.exitApp(); // stops the app

}]);

var infomoduler = angular.module('InfoModuler', ['ngRoute','ui.bootstrap','ngTouch','ngAside','ngDialog','ng-bootstrap-datepicker','angular-loading-bar','infinite-scroll','ionic'])
.run(['$rootScope','$location','$ionicPlatform','$apply','$cordovaDevice', 
      function ($rootScope,$location,$ionicPlatform,$apply,$cordovaDevice) {

    $rootScope.appInitDone = false;
    $rootScope.currentPage = "home";
    $rootScope.loginStatus = 0;

    ionicPlatFormBuddy();

    function ionicPlatFormBuddy(){
    $ionicPlatform.ready(function() {

        $scope.$apply(function() {
            // sometimes binding does not work! :/
            // getting device infor from $cordovaDevice
            var device = $cordovaDevice.getDevice();
            debugger;
            console.log(device);
            $scope.manufacturer = device.manufacturer;
            $scope.model = device.model;
            $scope.platform = device.platform;
            $scope.uuid = device.uuid;
            console.log($scope.uuid);
        });
    });
    }

}]);

在模块中编写代码是否正确，请给我解决方案..please..

Answer 1

请添加this插件

cordova plugin add org.apache.cordova.device

在您的任何控制器文件中添加以下代码行，

控制器

$ionicPlatform.ready(function() {
     //find application version
     if (window.cordova) {
         var uuid = $cordovaDevice.getUUID();
         var cordova = $cordovaDevice.getCordova();
         var model = $cordovaDevice.getModel();
         var platform = $cordovaDevice.getPlatform();
         var platformVersion = $cordovaDevice.getVersion();
         var mobileDetails = {
             'uuid': uuid,
             'cordova': cordova,
             'model': model,
             'platform': platform,
             'platformVersion': platformVersion,
         };
         console.log('Mobile Phone details:', mobileDetails)
     }
 });

Answer 2

为了访问设备的详细信息，您需要安装 device 插件 (org.apache.cordova.device)。

导航到您的 ionic/cordova 项目（www 所在的位置）并输入以下命令。

cordova plugin add cordova-plugin-device

要了解有关 ngCordova 的更多详细信息，请查看 this link

注意，您需要将 ngCordova 插件添加到您的项目中。您可以从here 或通过 bower 下载它：

bower install ngCordova

在您的代码中包含 ngCordova 脚本，例如

<script src="../js/ng-cordova.js"></script>