如何在 ionic cordova 应用程序中安装 ion-google-place？答案

【问题标题】：How to install ion-google-place in ionic cordova application?如何在 ionic cordova 应用程序中安装 ion-google-place？
【发布时间】：2016-03-04 09:21:48
【问题描述】：

我使用following 教程安装（ion-google-place）但我找到了。

我的错误是：

bower EMALFORMED    Failed to read /home/binov1/ElolinkProjectversion2/bower.json

Additional error details:
Unexpected token $

我的 bower.json：

{
  "name": "HelloIonic",
  "private": "true",
  "devDependencies": {
    "ionic": "driftyco/ionic-bower#1.1.1"
  }
}
$ bower install ng-cordova-oauth -S

【问题讨论】：

你的问题到底是什么？
我的问题是当我执行这个命令时（bower install ion-google-place）我有这个错误“bower EMALFORMED Failed to read /home/binov1/ElolinkProjectversion2/bower.json”
您的 bower.json 中可能存在语法错误。你能在这里发布你的 bower.json 文件和你的错误堆栈吗？
请看我的问题，我编辑它
请从 bower.json 中删除这行 $ bower install ng-cordova-oauth -S 并重试

标签： angularjs cordova google-maps ionic-framework google-maps-android-api-2

【解决方案1】：

您可以在首次创建应用后安装ion-google-place。以下是有关如何执行此操作的快速说明：

来源：http://ionicframework.com/getting-started/

安装 node.js
安装cordov和ionic：npm install -g cordova ionic
创建您的项目文件夹：ionic start myApp tabs 或选择您选择的模板
移动到您的项目文件夹：cd myApp
创建平台（iOS、Android等）：ionic platform add ios
构建应用程序：ionic build ios
打开模拟器：ionic emulate ios
然后您可以安装插件：bower install ion-google-place
插入您的 Google Maps javascript API： <script src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>

添加 ion-google-place 对您的 ionic 应用程序的依赖：

 angular.module('myApp', [
     'ionic',
     'ion-google-place'
 ]);

在您的 HTML 标记中，您可以像这样使用指令：

 <ion-google-place placeholder="Enter an address, Apt# and ZIP" ng-model="location" />

【讨论】：

如果这仍然不适合您，请将此脚本和链接标签添加到您的脑海中：<script src="lib/ion-google-place/ion-google-place.js"></script> <link href="lib/ion-google-place/ion-google-place.css">