标签: ionic-framework

离子含量与离子头棒重叠

我正在构建基于离子框架的phonegap应用程序.在一个html页面中,我需要一个标题和一个内容.但标题与内容重叠.对不起,我没有足够的声誉来发布图片.

代码如下.html页面与lib文件夹位于同一文件夹中,其中包含离子css和js文件夹.

    <html>
    <head>
    <meta charset="utf-8">
    <title>Weather</title>

    <!-- Sets initial viewport load and disables zooming  -->
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="lib/css/ionic.css">

    <script src="lib/js/ionic.bundle.js"></script>
    <script src="lib/js/angular/angular-resource.js"></script>
    </head>
    <body>
        <ion-header-bar class="bar bar-header bar-dark">
          <h1 class="title">Settings</h1>
          <button class="button button-clear" ng-click="closeSettings()">Close</button>
        </ion-header-bar>
        <ion-content has-header="true">
          <div class="padding">
            <div class="list">
              <label class="item item-input">
                <span class="input-label">Units</span>

                <ion-radio-buttons ng-model="settings.tempUnits">
                  <button class="button button-positive button-radio" ng-value="'f'">&deg;F</button>
                  <button class="button button-positive button-radio" ng-value="'c'">&deg;C</button>
                </ion-radio-buttons>
              </label>
            </div>
          </div>
        </ion-content>

    <!-- <ion-pane id="wrapper"> -->
<!--        <ion-header-bar class="bar bar-header bar-dark">
            <button class="button …
Run Code Online (Sandbox Code Playgroud)

html javascript css cordova ionic-framework

46
推荐指数
4
解决办法
5万
查看次数

Ionic 3 Component vs Page

你能告诉我应用程序ComponentPage生成器之间有什么区别Ionic 3吗?看来我也可以ionViewWillLeave在组件内部使用页面生命周期钩子.所以我何时应该使用角度生命周期钩子呢?如果它是相同的那么为什么它有2个发电机?希望你能为此提供反馈.

组件生成器:

 ionic generate component SubscribeTopicComponent
Run Code Online (Sandbox Code Playgroud)

页面生成器:

ionic generate page LoginPage
Run Code Online (Sandbox Code Playgroud)

typescript ionic-framework ionic2 ionic3 angular

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

我收到"错误:找不到与给定名称匹配的资源(值为@ integer/google_play_services_version)"

我正在开发Ionic Framework/cordova上的应用程序,当我尝试"cordova run android"时,我得到了这个:

"错误:找不到与给定名称匹配的资源(值为@ integer/google_play_services_version)"

我真的不知道发生了什么,我试图用固定值设置值(我知道这不是最好的解决方案),问题仍在继续.

提前致谢!

android cordova google-play-services ionic-framework

45
推荐指数
5
解决办法
7万
查看次数

在IOS上调试Ionic应用程序?

我的HTML5应用程序由Ionic(使用Cordova)打包并像普通应用程序一样加载到我的iPhone上.

我可以在连接到设备时进行调试吗?我知道在Android上你有logcat,在浏览器中我有开发工具,但设备和浏览器上的应用程序之间存在差异,我想知道原因.

任何帮助赞赏.

谢谢

iphone debugging ios cordova ionic-framework

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

如何检查在ionic/cordova/phonegap中前台或后台运行的应用程序

有没有办法检查应用程序是否在ionic/cordova/phonegap的前台或后台运行,我需要在android和ios上使用它,非常感谢

javascript cordova ionic-framework ionic3 ionic4

43
推荐指数
6
解决办法
4万
查看次数

Angularjs推迟了日志运行计时器任务

构建一个Ionic应用程序突然遇到一个我发现很难调试的问题,浏览器"推迟"长时间运行的计时器任务导致我的视​​图只在其控制器中执行一次代码(即使控制器显式重新加载).

警告是:

延迟长时间运行的计时器任务以提高滚动平滑度.见crbug.com/574343.

我在追求的是什么:

  • 了解警告及其发生的原因
  • 有关如何调试此类警告的任何指导.

提前致谢.

更新 我觉得重要的是要注意,虽然从来没有收到错误,只有警告作为我的问题的原因,我已经回到了工作版本.

此工作版本仍然出现警告但不影响我的应用程序的运行.

javascript angularjs ionic-framework

43
推荐指数
2
解决办法
9898
查看次数

角度异步管道和对象属性

我需要在没有ngFor的情况下使用异步管道.我需要检查与observable异步加载的对象的属性.

这就是我想要的,但不起作用:

 <ion-item *ngIf="user$.anonymouse | async">
     <ion-label>Login</ion-label>
 </ion-item>
Run Code Online (Sandbox Code Playgroud)

//编辑:当我使用上面的代码时出现此错误

EXCEPTION:[!user $ .anonymouse |中的管道'AsyncPipe'的参数'true'无效 在SettingsPage @ 27:22中的异步]

有什么方法可以解决这个问题吗?

我知道我可以在Ctrl中将这个observable订阅商店值变成普通变量但是我不想这样做,因为性能等等.

rxjs ionic-framework angular

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

使用离子作为桌面Web应用程序

Ionic是使用html5开发移动应用程序的一个很好的框架.我们也希望在桌面浏览器上使用相同的应用程序.制作一个在桌面浏览器和移动浏览器上都能发挥最佳效果并制作应用程序的响应式用户界面是否是个好主意.或者我们应该为浏览器和移动应用程序进行不同的开发

html5 responsive-design ionic-framework

42
推荐指数
4
解决办法
3万
查看次数

apache cordova和ionic之间有什么区别?

我想开发一个混合移动应用程序,我想知道Cordova和离子有什么区别?

cordova hybrid-mobile-app ionic-framework ionic

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

离子请求仅在Android上返回404,在Chrome中它可以正常工作

所以,我已经从离子克隆了教程app repo.我跑了

ionic start conference sidemenu
Run Code Online (Sandbox Code Playgroud)

然后我添加了一个简单的$ http.get('myserver')(我也试过了ngResources).

它在chrome上工作得很完美,我得到了所有数据但是在角度上我只有空数据和404状态在我试图做的任何请求.

注意:我尝试使用托管服务器和本地服务器.两者都在Android上失败.Server是node.js REST API.

控制台上没有打印任何内容,因此请求甚至无法到达服务器.

有没有人经历过这个或者可以告诉我如何调试使用Ionic构建的Android应用程序?

编辑1:我不知道你为什么需要它,但在这里

$http.get('http://server.com/route').success(function (data) {
            //handle success
        }).error(function (data, status) {
            // handle error
        });
Run Code Online (Sandbox Code Playgroud)

android http angularjs ionic-framework ionic

42
推荐指数
2
解决办法
4万
查看次数