Question

我是角度js和离子移动应用程序的新手，我收到一个错误。我怀疑的是，如果用户打开应用程序，那时我需要获取设备名称，版本，型号等移动设备详情。对于我写了单独的控制器..

<!-- 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);
        });
    });
    }

}]);

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

Answer 1

要访问设备的详细信息，您需要安装设备插件（org.apache.cordova.device）。

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

cordova plugin add cordova-plugin-device

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

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

bower install ngCordova

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

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

Answer 2

请添加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)
     }
 });

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

2 个答案: