TOGOUTECH

ionic-framework

全部标签

javascript - 如何使元素的高度等于 Ionic 中的宽度?

我正在使用Ionic制作一个应用程序,我想要一个方形图像作为背景。图像需要针对不同的分辨率进行缩放;我希望它填满设备的宽度,然后在保持纵横比的同时在该宽度上保持高。我尝试添加一个指令来计算要设置的正确高度,但我无法让它做任何事情,它似乎根本没有被调用。HTML{{card.name}}CSS#card{background-image:url("/img/education.png");background-size:100%100%;width:100%;}Javascript(controllers.js).directive("card",function($scope){con

javascript - 如何在 Ionic 2 TypeScript 项目中包含外部 Javascript 库?

我使用Ionic2、Angular2和TypeScript构建了一个Ionic项目来稍微测试一下框架。我需要在我的项目中包含一个外部库(ntc.js),因为我需要它来命名十六进制颜色。我知道在TypeScript中包含一个Javascript库应该可以,因为在JS中有效的东西在TS中也有效。我只是不想以错误的方式包含它。我试图将库添加到www/build/js,但它似乎不起作用,而且这似乎不是执行此操作的好方法。我试图寻找方法来做到这一点,但一无所获(可能是因为Angular2和Ionic2还很新鲜)。类似的东西:import*asntcfrom'../../js/ntc';似乎效果不

javascript - Ionic 3 压缩图像

我已经尝试使用Ionic3在客户端压缩图像2天了。我试过:ng2-img-max-使用blue-imp-canvas-to-blobcanvas.toBlob()时抛出错误方法(ng2-img-max的依赖项)。它只是告诉我错误发生在哪一行。我想我已经读过在Ionic中创建HTMLCanvasElement是不可能的-这与webworkers有关。Ahdin-JS库JIC-JS库TinyJPG-npm模块这些都引发了各种错误,在研究它们之后我确定这是因为库/模块与Ionic3不兼容。我认为很多时候这是HTMLCanvasElement的问题。我尝试了this中的建议问题-但更改qual

javascript - 添加 ionic 服务核心的问题

我正在努力添加ionic-service-core以便将通知添加到我正在处理的ionic项目中。但是,我无法安装服务核心。任何这样做的尝试都会导致:Failedtofindthebowercomponent"ionic-service-core".Areyousureitexists?(CLIv1.4.0-alpha.6)Yoursysteminformation:OS:MacOSXYosemiteNodeVersion:v0.10.33CordovaCLI:5.0.0IonicVersion:1.0.0-rc.5IonicCLIVersion:1.4.0-alpha.6Xcodeve

javascript - Angular 表单验证无法正常工作

我用ionicAngular创建了一个表单并对其应用了验证。验证工作不正常。即使点击提交按钮时所有字段都是空的,它也会调用Controller函数。请帮我解决这个问题。html代码RegisterFirstNameYounameisrequired.EmailEnteravalidemailPhonenoValidphonenumberisrequiredphonenumbershouldbe10digitsController代码chatApp.controller('RegisterCntrl',function($scope,$stateParams){$scope.user={

javascript - 我如何在 Ionic 应用程序中使用 Angular DSCacheFactory

我需要在我的Ionic/Cordova应用程序中使用DSCacheFactory。但我不知道如何使用它。我也不太了解DSCacheFactory,我认为它和网络缓存一样。请帮我找出解决办法 最佳答案 大多数ionic应用程序使用-AngularCache.这确实是一个很棒的库,其中已经包含了我们需要的大部分功能。它使用简单,用途广泛。只需执行npminstall--saveangular-cache或者如果您使用的是bowerbowerinstall--saveangular-cacheAPI非常简洁直观。存储数据-profileC

javascript - ionic 未捕获错误 : Cannot find module "." when importing a service provider

我正在尝试导入一个新的服务提供者,这是我在从我的ionic应用程序的最新分支中拉取后刚刚创建的。当我尝试导入这行代码时:import{AuthServiceProvider}from'../providers/auth-service'在app.module.ts中,我总是收到一条错误消息:UncaughtError:Cannotfindmodule"."atwebpackMissingModule(index.js:3)ate.code(index.js:3)atObject.(index.js:9)at__webpack_require__(bootstrap62d6a589782

javascript - 如何在 IonicFramework 中实现滑动手势?

我想使用IonicFramework在图像上附加向左滑动和向右滑动。从文档中,我只得到了这些,但还没有例子:http://ionicframework.com/docs/api/service/$ionic手势/http://ionicframework.com/docs/api/utility/ionic.EventController/#onGesture谁能帮忙提供示例HTML和JS来监听手势事件?P.S.:以前,我设法使用angularjsSwipeLeft和SwipeRight指令实现它:https://docs.angularjs.org/api/ngTouch/servi

javascript - 如何在 ionic 中制作下拉框或选择框

你能告诉我如何制作如图所示的下拉菜单吗?我正在使用ionic框架来自here我正在使用下拉菜单这是我的code我想像给定的图像那样制作http://ionicframework.com/docs/components/#select我只想制作如图所示的下拉菜单(左侧的默认文本)。我想减少文档中下拉菜单的宽度(因为它占据了整个宽度)。其次我不想显示任何文本来自下拉这是我的代码AwesomeAppViewLightsaberDefaultGreenRed 最佳答案 您可以通过将标签设为空白并使用CSS覆盖select样式来实现此目的。试

javascript - Ionic FCM wasTapped 始终为 false

我在带有cordovafcm插件的Ionic框架中使用FirebaseNotification。我想在用户收到推送通知并点击它时打开一个状态。我正在使用参数从Firebase控制台发送通知,但它总是data.wasTappedfalse这就是它不起作用的原因。FCMPlugin.onNotification(function(data){if(data.wasTapped){//Notificationwasreceivedondevicetrayandtappedbytheuser.console.log("Tapped:"+JSON.stringify(data));if(data