标签: ionic3

$font-family-baseIonic2中的变量不起作用.

在app.variable.scss文件中我添加了一个新值,但旧值仍然存在.

其他变量如$font-size-base工作正常

这些是我建造的最大任务www:

gulp.task("fonts", function () {
    return copyFonts({
        src: [
          "app/fonts/**/*.+(eot|ttf|woff|woff2|svg)"
        ]
    });
});

gulp.task("sass", function () {
    return buildSass({
        sassOptions: {
            includePaths: [
              "node_modules/ionic-angular",
              "node_modules/ionicons/dist/scss"
            ]
        }
    });
});

我错过了什么？

那是我的字体

@font-face {
  font-family: "Maven Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Maven Pro"), local("Maven-Pro-Regular"), url("#{$font-path}/MavenPro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Maven Pro";
  font-style: normal;
  font-weight: 500;
  src: local("Maven Pro Medium"), local("Maven-Pro-Medium"), url("#{$font-path}/MavenPro-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Maven Pro"; …

关于我的应用程序与离子2和angularjs的几个视图我在每个页面上使用一些离子吐司消息.这些Toast消息对于每个页面都是相同的.

是否可以在可注入服务中定义这些消息,而不是在所有TS文件中创建相同的函数？

我正在使用Ionic 3,我希望在Ionic 3中的图像卡组件上的图像中实现以下效果

我希望能够将字符串中的\ r \ n字符转换为新行

示例John现在正在等待。\ r \ n我们能告诉您有关他的情况吗？\ r \ n他是一个伟大的人

转换成

约翰现在在等。

我们能谈谈他吗。

他是一个伟大的人

尝试了这个但无济于事

nl2br(text: string) {
    return text.replace(new RegExp('\r?\n','g'), '<br />');
}

我正在使用Ionic通过应用程序创建一个新的寄存器，并使用ASP.Net（C＃）作为我的API。

我想检查输入模糊事件激活时用户是否存在。

问题是我的代码没有等到服务器返回值继续。我究竟做错了什么？有没有办法做到这一点？

这是我的API代码：

    [HttpGet]
    public JsonResult verifyEmail(string email)
    {
        var result = Domain.Repository.UserController.Find(email:email);
        if (result != null)
        {
            return Json(new { erro = true, message = "Email already registered!" }, JsonRequestBehavior.AllowGet);
        }
        else
        {
            return Json(new { erro=false,message = "Email is valid!" },JsonRequestBehavior.AllowGet);
        }
    }

我创建了一个提供HTTP请求的提供商（authProvider）：

   getData(data,func)
    {
        return  new Promise( (resolve,reject)=>{
          this.http.get(apiUrl+func, {params:data})  
          .subscribe(
           res=>{

            resolve(res.json());
          },
          async (err)=>{
            reject(err);

          });
        });
        }

这是我的register.ts代码：

  validate()
  {
     let validEmail;
     validEmail= this.checkEmail();// I WANT THAT the "validEmail" receives returned value …

我正在Ionic 3中寻找单独的事件处理程序，以开始和结束对移动应用程序上HTML元素的触摸。

我发现了许多相关且已解决的问题，但对于Ionic 3却没有，目前似乎仅支持“点击，按下，平移，滑动，旋转和捏合”（https://ionicframework.com/docs/components/#gestures） 。这些似乎都没有在开始时提供“处理程序”，而只是在结束时提供了“处理程序”。我看到，然后它们确实提供了触摸持续时间（deltaTime）的数据，但是到那时为止，这对我而言毫无用处。

要获得更多背景信息，我想清除的是在第一次触摸某个元素的确切时间里的相关超时，然后查看同一特定元素上的触摸是否在一定时间内（例如250毫秒，以便可以将其评估为“点击”）。

例如这样的事情：

JS：

timeout_1 = setTimeout(function() {
    // do something if timeout_1 not cleared by touch start
}, 4000);

touched(event) {
    clearTimeout(timeout_1);
    touching_x = true
    timeout_2 = setTimeout(function() {
        touching_x = false
        // store event details and do other things if timeout_2 not cleared by touch end
    }, 250);
}

touch_ended(event) { 
    if (touching_x==true) {
        clearTimeout(timeout_2);    
        // store event details and do some other things
    }
}

HTML：

<button ion-button type="button" (button_touch_started) = …

我已经按照将离子材料设计集成到离子项目中的步骤进行了操作.以下是我所做的事情清单:

1. 离子启动离子材料空白
2. 凉亭安装离子材料
3. 凉亭安装robotodraft
4. 在Ionic index.html页面中添加了JS和CSS库

在第五,它指示将离子材料注入您的离子应用程序,如下所示: var app = angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']);

我将在哪里以及如何在Ionic项目中注入它？我有app.module.ts和app.component.ts.但是我如何以及在何处插入提到的代码,因为它甚至要求我输入我的应用程序名称angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']).

将我的节点模块更新到最新版本,包括离子核心等.我收到此错误,我似乎无法找到任何相关信息？有些帮助吗？有没有更改为本地通知插件或任何其他可能让我这个错误？

[15:34:51] transpile started …
[15:35:10] typescript: D:/ionic/myApp1/src/pages/home/home.ts, line: 13
Expected 1 arguments, but got 2.

L12: this.platform.ready().then(() => {
L13: this.localNoti.on(‘click’, (noti, state) => {

L14: alert(state);

Error: Failed to transpile program
at new BuildError (D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\util
\errors.js:16:28)
at D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\transpile.js:159:20
at new Promise ()
at transpileWorker (D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\tra
nspile.js:107:12)
at Object.transpile (D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\tr
anspile.js:64:12)
at D:\ionic\myApp1\node_modules@ionic\app-scripts\dist\build.js:109:82

我尝试下载并仅显示实时数据库中的特定数据.我有以下代码:

getUserPlatformIos() {
    this.dataRef = this.afDatabase.list('data/users', ref => ref.orderByChild('meta/platform').equalTo('ios'));
      this.data = this.dataRef.snapshotChanges().map(changes => {
        return changes.map(c => ({ key: c.payload.key, ...c.payload.val() }));
      });
      return this.data;
  }

我的firebase数据库结构

Firebase规则

为什么firebase会在我之前查询时下载整个数据库？这导致非常长的加载时间和大量下载的数据....

我正在处理ionic 3项目。由于突然的构建问题，我不得不迁移到androidx。我用cordova-android@8.0.0版本创建了android平台，做了必要的工作，但是现在在构建android平台时遇到了其他错误

我使用cordova-android版本8.0.0创建了android平台。

在gradle.properties文件中添加了以下几行

android.useAndroidX = true android.enableJetifier = true

将插件更新到最新版本

这是我的project.properties文件

target=android-28
android.library.reference.1=CordovaLib
android.library.reference.2=app
cordova.gradle.include.2=cordova-plugin-appsflyer-sdk/userapp-cordovaAF.gradle
cordova.system.library.1=com.facebook.android:facebook-android-sdk:4.40.0
cordova.gradle.include.3=cordova-plugin-firebase/userapp-build.gradle
cordova.system.library.2=com.google.android.gms:play-services-tagmanager:+
cordova.system.library.10=com.google.firebase:firebase-core:17.0.0
cordova.system.library.11=com.google.firebase:firebase-messaging:19.0.0
cordova.system.library.12=com.google.firebase:firebase-config:18.0.0
cordova.system.library.13=com.google.firebase:firebase-perf:18.0.0
cordova.gradle.include.4=cordova-plugin-googlemaps/userapp-tbxml-android.gradle
cordova.gradle.include.5=cordova-plugin-googlemaps/userapp-apikey.gradle
cordova.system.library.7=com.google.android.gms:play-services-maps:15.0.1
cordova.system.library.8=com.google.android.gms:play-services-location:15.0.1
cordova.system.library.9=com.android.support:support-core-utils:27.+
cordova.system.library.10=com.mixpanel.android:mixpanel-android:5.6.0
cordova.system.library.11=com.google.android.gms:play-services-base:+
cordova.system.library.14=com.android.support:support-v4:28.+
cordova.system.library.15=com.android.support:appcompat-v7:28.+
cordova.system.library.3=com.android.support:support-v4:28.+
cordova.system.library.4=com.android.support:appcompat-v7:28.+

当我构建项目时，我得到以下提到的错误

error: cannot find symbol
import android.support.v4.app.ActivityCompat;
                             ^
 cannot find symbol
import android.support.v4.os.EnvironmentCompat;

error: cannot find symbol
          public void onConnectionFailed(@NonNull ConnectionResult result) {
                                          ^

任何帮助将不胜感激。谢谢