标签: ionic

使用离子管理bower依赖关系

在开始使用新的离子应用程序之后,我可以看到bower.json它带有离子devdependencies.为什么它是一个devdependency而不是正常的dependency

"devDependencies": {
    "ionic": "driftyco/ionic-bower#1.0.0-rc.0"
},
Run Code Online (Sandbox Code Playgroud)

谢谢,我现在感到困惑

bower ionic-framework bower-install ionic

9
推荐指数
1
解决办法
8574
查看次数

如何更改$ ionicLoading的默认图标

我们已经创建了自己的加载图标,我们如何用我们的加载图标替换默认的微调器.

 $ionicLoading.show({
        content: 'Loading',   
        animation: 'fade-in',
        showBackdrop: false,
        maxWidth: 200,
        showDelay: 0
      });
Run Code Online (Sandbox Code Playgroud)

ionic

9
推荐指数
1
解决办法
4501
查看次数

使用离子框架的语音识别

我正在寻找一种使用离子框架进行语音识别的方法.我想在ios和android设备上运行一个应用程序.目前我在ios和android中都提供了一个Web视图,并且有一个共同的代码库.我想要包含语音识别功能并获取语音输出.

android ios ionic-framework ionic

8
推荐指数
1
解决办法
6146
查看次数

Cordova/Ionic构建错误(有时):没有必需的环境

我刚开始涉足Cordova/Ionic,用HTML5/js制作Android/iOS应用程序,到目前为止,我已经有时候使用示例/教程应用程序,但不是每次都有.

我正在使用Windows,我正在尝试为Android构建我的项目.

经过几次尝试,我不再能够构建我的应用程序,甚至完全"空白"模板应用程序,我根本没有改变.我尝试通过Cordova创建应用程序

cordova create hello com.example.hello HelloWorld
cd hello
cordova build android
Run Code Online (Sandbox Code Playgroud)

或离子

ionic start test sidemenu
cd start
ionic build android
Run Code Online (Sandbox Code Playgroud)

在这两种情况下,我都得到同样的错误:

Running command: C:\Users\nthissen\Dropbox\Mobile\Projects\hello\platforms\andro
id\cordova\build.bat
events.js:85
      throw er; // Unhandled 'error' event
            ^
Error: spawn cmd ENOENT
    at exports._errnoException (util.js:746:11)
    at Process.ChildProcess._handle.onexit (child_process.js:1046:32)
    at child_process.js:1137:20
    at process._tickCallback (node.js:355:11)
ERROR building one of the platforms: Error: C:\Users\nthissen\Dropbox\Mobile\Pro
jects\hello\platforms\android\cordova\build.bat: Command failed with exit code 1

You may not have the required environment or OS to build this project
Run Code Online (Sandbox Code Playgroud)

是的,我确实安装了Android …

android cordova ionic-framework ionic

8
推荐指数
1
解决办法
9511
查看次数

离子项颜色和href不起作用

我开始了一个基于sidemenu模板的离子项目.我正在尝试更改侧边菜单中每个元素的背景颜色(我希望每个项目都有不同的颜色).

我试图添加一个离子颜色类:

<ion-side-menu side="left">
    <ion-header-bar class="bar-stable">
      <h1 class="title">Left</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>
        <ion-item class="positive-bg" nav-clear menu-close ng-click="login()">
          Login
        </ion-item>
        <ion-item class="calm-bg" nav-clear menu-close href="#/app/search">
          Search
        </ion-item>
        <ion-item class="assertive-bg" nav-clear menu-close href="#/app/browse">
          Browse
        </ion-item>
        <ion-item nav-clear menu-close class="balanced-bg" href="#/app/playlists">
          Playlists
        </ion-item>
      </ion-list>
    </ion-content>
Run Code Online (Sandbox Code Playgroud)

它适用于Login元素,但不适用于其他元素.删除其他元素的href属性有效...如何获得背景颜色和href元素?

css ionic-framework ionic

8
推荐指数
1
解决办法
5474
查看次数

ionic serve在localhost而不是服务器IP上启动

当运行离子服务时,我看到:

  Gulp startup tasks: [ 'sass', 'watch' ]
  Running dev server: http://localhost:8100
  Running live reload server: http://localhost:35729
  Watching : [ 'www/**/*', '!www/lib/**/*' ]
  Ionic server commands, enter:
    restart or r to restart the client app from the root
    goto or g and a url to have the app navigate to the given url
    consolelogs or c to enable/disable console log output
    serverlogs or s to enable/disable server log output
    quit or q to shutdown the server and exit
Run Code Online (Sandbox Code Playgroud)

这意味着我无法从浏览器访问该应用程序,因为它只侦听localhost.如何将localhost更改为实际的服务器IP?

谢谢

cordova ionic-framework ionic

8
推荐指数
2
解决办法
1万
查看次数

打开时不显示弹出窗口

我用Ionic Popover设置了一个基本的例子.但是,当我打开弹出窗口时,不透明度保持为零,从而阻止弹出窗口显示.我知道openPopover调用该方法是因为我opened在Web控制台中收到了控制台日志.如果我从控制台中删除opacity属性,则会显示弹出窗口.

我的控制器..

angular.module('search')

.controller('SearchResultsController', searchResultsController)

searchResultsController.$inject = ['$ionicPopover', '$scope'];

function searchResultsController($ionicPopover, $scope) {
  var vm = this;

  vm.openPopover = openPopover;

  activate();

  function activate( ) {
    $ionicPopover.fromTemplateUrl('/templates/search/filter-popover.html', {
      scope: $scope
    }).then(function(popover) {
      console.log(popover)
      vm.popover = popover;
    });
  }

  function openPopover( $event ) {
    console.log("opened")
    vm.popover.show($event);
  }
}
Run Code Online (Sandbox Code Playgroud)

我的观点页......

<ion-view hide-nav-bar="true">
  <signed-in-header></signed-in-header>

  <ion-content class="padding has-header">
    <div class="row">
      <div class="col col-75 text-left">
        <div>4 RESULTS FOR "263355"</div>
      </div>

      <div class="col col-25 text-right">
        <div ng-click="searchResults.openPopover()">
          <i class="icon ion-arrow-down-b"></i>
          Filter
        </div> …
Run Code Online (Sandbox Code Playgroud)

javascript css angularjs ionic-framework ionic

8
推荐指数
1
解决办法
2490
查看次数

ionic cli:所有给出错误的命令undefined:1 SyntaxError:意外的令牌

我已经在我的Windows7 pc中下载并安装了nodejs(安装文件node-v0.12.5-x64).
还通过命令安装ionic:npm install -g ionic cordova

所有离子命令都给出相同的错误,即undefined:1.
在命令提示符下,它如下所示:

E:\programs>ionic -v  
undefined:1  
SyntaxError: Unexpected token
Run Code Online (Sandbox Code Playgroud)

经过多次安装和卸载后,我无法解决.
请帮忙.

node.js npm ionic-framework ionic

8
推荐指数
1
解决办法
757
查看次数

如何使用带角度的离子框架制作apk文件

我在本地目录中创建了简单的应用程序,该应用程序名称是Ionic-Chat-master

我怎么能这个到apk文件?

我使用git尝试了以下命令,但没有为我工作

npm install -g cordova

cordova build --release android
Run Code Online (Sandbox Code Playgroud)

这会显示错误(sh.exe": cordova: command not found).

cordova ionic

8
推荐指数
3
解决办法
6万
查看次数

通过webintents从另一个应用程序发送url到离子android应用程序

寻找更新的解决方案,运行使用Cordova 5.x的最新离子1.1.0版本.试图能够浏览Chrome中的网站,并使用网络意图将该网址发送到我的离子Android应用程序.我的应用程序编译和运行,但是当我尝试使用份额从功能铬(或任何其他应用程序),然后选择我的应用程序分享给我的应用程序崩溃.

我首先尝试使用插件:

离子插件添加https://github.com/Initsogar/cordova-webintent

然后删除了插件,我也尝试了一个最近更新的fork:

离子插件添加https://github.com/fluentstream/cordova-webintent

在我的app.js文件中,我输入以下代码:

.run(function($ionicPlatform, $rootScope, $ionicHistory, $state) { 
  $ionicPlatform.ready(function() {
    window.plugins.webintent.getExtra(window.plugins.webintent.EXTRA_TEXT,
    function(url) {
      incomingURL = url;
      //alert(incomingURL);
      console.log(incomingURL);
    }, function() {
      incomingURL = false;
      //alert("no url");
      console.log("no url");
    });
  });
})
Run Code Online (Sandbox Code Playgroud)

我也尝试过:

.run(function($ionicPlatform, $rootScope, $ionicHistory, $state) { 
  $ionicPlatform.ready(function() {
    window.plugins.webintent.getUri(function(url) {
      if(url !== "") {
          alert(url);//url is the url the intent was launched with
      }
    }); 
  });
})
Run Code Online (Sandbox Code Playgroud)

在文件config.xml中我会放:

<plugin name="WebIntent" value="com.borismus.webintent.WebIntent"/>
Run Code Online (Sandbox Code Playgroud)

在AndroidManifest.xml中我会手动输入:

<activity android:name="ShareActivity">
    <intent-filter>
        <action android:name="android.intent.action.SEND" />
        <category android:name="android.intent.category.DEFAULT" />
        <data android:mimeType="text/plain" …
Run Code Online (Sandbox Code Playgroud)

android cordova ionic-framework ionic

8
推荐指数
2
解决办法
4875
查看次数