Blog

Blog

PHODAL

Ionic ngCordova 整合

偶然间看到ngCordova,并发现它与Ionic似乎整合得挺不错的,突然才发现原来他们的作者是同一家公司的。。

ngCordova

ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api。

现在已经有的插件有 63 + (官方的有13+) ,使用过的有:

  • AdMob
  • App Rate
  • Email Composer
  • Dialogs

总的来说还是挺好用的。

Ionic ngCordova

1.安装起来还是挺简单的

 $ bower install ngCordova

因为bowerrc的目录设置的是:

{
      "directory": "www/lib"
}

2.接着在我们的index.html,加上

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

app.js加上ngCordova,如:

 angular.module('starter', ['ionic', 'ngCordova', 'hc.marked'])

Ionic ngCordova示例App Rate

1.安装App Rate

cordova plugins add org.pushandplay.cordova.apprate

2.配置App Rate

.config(function ($cordovaAppRateProvider) {
  document.addEventListener("deviceready", function () {
    var prefs = {
      language: 'zh-Hans',
      appName: '极客爱情',
      androidURL: 'market://details?id=com.phodal.geekslove'
    };
    $cordovaAppRateProvider.setPreferences(prefs);
  }, false);
})

3.调用

$cordovaAppRate.promptForRating(true).then(function (result) {
    console.log("result: " + result);
    $scope.words = result;
  }, function (error) {
    $scope.words = result;
  })

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Engineer, Consultant, Writer, Designer

ThoughtWorks 技术专家

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 最新技术分享

标签