使用onsen-ui

时间:2015-05-13 08:13:22

标签: angularjs onsen-ui monaca

我正在使用基于Monaca云的开发工具中的angularjs和onsen-ui构建应用程序。这很好用,但我无法弄清楚如何将设备参数如UUID放入控制器中。

我使用以下方式初始化onsen:

var module = ons.bootstrap('my-app', ['onsen']);

然后例如我有一个像这样的主控制器:

module.controller('MainController', function($scope) {

    $scope.deviceid = device.model;

});

在这个例子中,device.uuid当然不起作用。 有人知道如何访问这些设备参数吗?

我包含了cordova设备插件。

1 个答案:

答案 0 :(得分:1)

您可以通过以下方式获得所有设备属性,例如UUID:

<!DOCTYPE html>
    <html ng-app="my-app">
      <head>
        <title>Device Properties Example</title>

        <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
        <script type="text/javascript" charset="utf-8">
        
        var module = ons.bootstrap('my-app', ['onsen']);
          
        module.controller('MainController', function($scope) {

          // Wait for device API libraries to load
          //
          document.addEventListener("deviceready", onDeviceReady, false);

          // device APIs are available
          //
          function onDeviceReady() {
            var element = document.getElementById('deviceProperties');
            element.innerHTML = 'Device Name: '     + device.name     + '<br />' +
                                'Device Cordova: '  + device.cordova  + '<br />' +
                                'Device Platform: ' + device.platform + '<br />' +
                                'Device UUID: '     + device.uuid     + '<br />' +
                                'Device Model: '    + device.model    + '<br />' +
                                'Device Version: '  + device.version  + '<br />';
          }

        });
          
        

        </script>
      </head>
      <body>
        <p id="deviceProperties">Loading device properties...</p>
      </body>
    </html>