Ionic + Angular在incomingCall上显示卡片
Ionic是一个开源的移动应用开发框架，它基于Angular框架和Apache Cordova平台，可以帮助开发者使用Web技术（HTML、CSS、JavaScript）构建跨平台的移动应用程序。
Angular是一个由Google开发的开源JavaScript框架，用于构建Web应用程序。它提供了一套完整的工具和库，使开发者能够更轻松地构建高性能、可扩展的前端应用。
incomingCall是指接收到的呼入电话。在移动应用中，当用户接收到电话时，可以通过显示一个卡片来提醒用户有来电。
使用Ionic + Angular可以很方便地实现在incomingCall上显示卡片的功能。以下是一种实现方式：
- 创建一个Ionic + Angular项目，并安装所需的依赖。
- 在应用的页面中，可以使用Ionic提供的组件来创建一个卡片，例如ion-card组件。
- 在接收到来电时，通过调用相关的电话API获取来电信息，例如来电号码、来电时间等。
- 将来电信息填充到卡片中的相应位置，例如将来电号码显示在卡片的标题中，将来电时间显示在卡片的内容中。
- 使用Ionic提供的样式和布局工具，可以美化卡片的外观，使其符合应用的设计风格。
- 在卡片上添加交互功能，例如点击卡片可以跳转到拨号界面或者挂断电话。
推荐的腾讯云相关产品：腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）
腾讯云移动应用开发平台是一款提供全生命周期移动应用开发的云服务，支持Ionic + Angular等多种开发框架。它提供了丰富的开发工具和服务，包括应用构建、测试、发布、运营等环节，帮助开发者快速构建高质量的移动应用。
通过使用腾讯云移动应用开发平台，开发者可以更加高效地开发和管理移动应用，同时还可以享受腾讯云提供的稳定可靠的基础设施和安全保障。
相关·内容
因此，我正在尝试开发一个离子应用程序，它将处理不同的对象数组，尽管我知道正在读取的对象的类型(位置、名片等)以及该类型的对象必须具有哪些字段，但我需要动态添加未知字段，以与已知字段不同地处理它们。在我当前正在工作的这个例子中，我只想显示卡片“address”的值(稍后我会添加其他东西，这就是我不想做<ion-card-content [class]="key" *ngIf="card['address']">{{card["address"]}} </ion-card-content>的原因。因此，在这个
浏览 9提问于2020-01-07得票数 2
回答已采纳
我正在连接一个API，并将该API的每个结果的信息显示在一张卡片上。我要添加的下一件事是，用户可以单击该卡片，并在新页面上显示该卡片的附加信息。我目前正在尝试使用modalCtrl，navParams来做这件事，但是我尝试的每一件事都会导致一个错误，说"(uncaught) in promise: TypeErorr，Cannot read property 'create‘of undefined. (我理解这个错误，但不知道解决它的方法)。非常感谢所有的帮助！代码如下(如果你还需要任何东西，请告诉我)：
dining.page.ts
import { ModalContro
浏览 14提问于2019-11-20得票数 0
回答已采纳
1回答
同高度卡
、、
我正在用Ionic开发一个应用程序，在第一页，我尝试使用Ionic Grid系统来显示一些带有图像背景的卡片。问题是，当我访问页面的大小，我自己的笔记本电脑的显示器，一切都很好，卡片有相同的高度！
但是，一旦我调整了浏览器窗口的大小，第二个卡片的高度就会改变(或者使用Chrome的模拟器)，我希望这两者在任何情况下都有相同的高度。我试过解决这个问题，但没有成功。
这是我做的片段。这不是我的完整代码，但它说明了我的问题。
angular.module('ionicApp', ['ionic'])
.controller('HomeCtrl'
浏览 1提问于2016-03-20得票数 5
回答已采纳
1回答
我对Ionic并不陌生，但不幸的是我不知道为什么会发生这种事。
我试图在一个新创建的项目上创建一个简单的卡片列表，但它们似乎不起作用。我试着把图标和卡片分开使用，这似乎也行不通。
正如我所说的，我已经创建了一个全新的项目，具有标准的“居家-大约-等等”模板，并在home.html文件中用一个带有卡片的div替换了HTML。以下是代码：
<ion-header>
<ion-navbar>
<ion-title>Home</ion-title>
</ion-navbar>
</ion-header>
<
浏览 1提问于2017-02-03得票数 0
1回答
我的离子V5应用程序在ionic serve上工作得很好
当我使用ionic build命令构建应用程序时，编译后的js文件、其他资源文件和index.html都会生成到/www目录。
如果我打开/www/index.html文件，打开一个白色的空白页面，并显示一些控制台错误。
控制台错误
Ionic:
Ionic CLI : 5.4.4 (C:\Users\<USERNAME>\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework :
浏览 0提问于2020-01-22得票数 0
1回答
我被困了几个星期，试着从我的离子项目中读取NFC卡。
在一个真正的设备上运行这个应用程序(三星S7边缘与安卓)。
我正在跟踪这个：
然后，我在我的项目上安装了插件：
ionic cordova plugin add phonegap-nfc
npm install @ionic-native/nfc
只需将卡片标签Id读入变量tagId (string)即可显示。
我的消息来源：
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgM
浏览 0提问于2019-02-01得票数 2
4回答
在这个段落下面的代码块中，您可以看到Twilio.Device.incoming，在这里，我将this.connection设置为conn。
@Injectable()
export class BaMsgCenterService {
public getData;
public incomingCall = false;
public connection;
constructor(private http: Http) {
this.initTwilio();
Tw
浏览 4提问于2017-02-09得票数 1
回答已采纳
我是新来的离子和角度。我已经使用命令npm install -g cordova ionic安装了cordova和ionic。我已经检查了package.json，它显示在下面
"@angular/common": "4.1.2",
"@angular/compiler": "4.1.2",
"@angular/compiler-cli": "4.1.2",
"@angular/core": "4.1.2",
"@angular/forms":
浏览 6提问于2017-06-15得票数 0
回答已采纳
1回答
推送通知不适用于后台。
、、、、
我正在使用插件的推送通知功能。
当前行为：
当应用程序处于后台时，它在foreground.But上运行得很好，我试着点击它显示的通知，undefined.Please看到下面的视频，我已经在Anroid设备上测试过了。
预期行为：
当我点击通知消息时，它应该打开应用程序并正确地显示消息。
app.component.ts
constructor(public platform: Platform)
{
platform.ready().then(() => {
this.onNotificationOpen();
});
}
onNotif
浏览 3提问于2017-05-29得票数 4
回答已采纳
我在设置ionic-4上的默认日期时遇到了一些困难，基本上我已经尝试了其他方法，这些方法在以前的版本中已经有效，但有些东西发生了变化，它们不起作用。 html： <ion-item>
<ion-label position="floating" color="primary">Date</ion-label>
<ion-datetime class="nutri-primary" color="primary" [(ngModel)]="date" display
浏览 13提问于2019-02-10得票数 0
2回答
离子角:从卡点击触发复选框
、、、、
我用的是ionic3 - angular4还是角的。
我有几个卡片元素，我循环通过，以显示一个项目的列表。每张卡内都有一个复选框，以指示是否选中了该项。
我的问题是，我无法将卡片绑定到复选框状态，当我单击卡片或单击复选框本身时，我希望能够调用相同的函数(复选框类型的类型只是作为一个指示符，但仍然需要将select事件附加到它上)。
默认情况下，我没有
(单击)=“selectPack(Pack)”
当我将它附加到卡片内容时，函数就会被调用，但是复选框状态不会改变。
<ion-card color="light" *ngFor="let pack of tm
浏览 5提问于2017-06-01得票数 1
回答已采纳
描述了bug
在安装admob cordova插件时，作为android应用包构建的离子型cordova应用程序无法工作。该应用程序在发布后显示白色屏幕。
复制
复制行为的步骤：
使用ionic start myapp --cordovaAdd 与cordova创建新的离子型应用程序使用docs的cli：
ionic cordova plugin add admob-plus-cordova
npm install @admob-plus/ionic
ionic cordova build android --prod --release -- -- --packageType=bundleU
浏览 10提问于2022-03-29得票数 0
我有一个ionic 4应用程序，我创建了一个:enter和: that动画，当用户在屏幕上滑动时，动画应该会运行……它在chrome浏览器上运行良好，但当我在IOS中部署应用程序时，第一个动画(加载页面时)可以工作，但在刷完第一张卡后，第二个动画就不会出现了。使用safari和inspector，我意识到卡片被渲染但不可见，不知何故下一张卡片的动画类没有被删除。
当我在检查器中手动删除以下类时，动画就会运行...问题是我不能手动删除它，它应该像在chrome中一样运行。
animation: gen_css_kf_44 300ms linear 0ms 1 normal forwards ru
浏览 14提问于2019-07-24得票数 0
回答已采纳
3回答
我只是想知道如何在try/catch块中启动一个活动，我做了这个
public void onReceive(Context context, Intent intent) {
SipAudioCall incomingCall = null;
try {
Intent monIntent = new Intent(this,dialog.class);
startActivity(monIntent);
SipAudioCall.Listen
浏览 0提问于2011-04-26得票数 0
回答已采纳
我一直试图添加新的离子型2应用程序的横幅广告，但它显示了下面的错误。我正在做这件事，如下所示，。但是当我使用ionic serve -l -c在浏览器上运行它时，它显示Runtime Error Cannot find module "ionic-native"错误如下所示，
这是我的app.component.ts文件代码
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } f
浏览 2提问于2017-04-06得票数 4
回答已采纳
1回答
应用程序可以接收FCM消息通知，但是当尝试触发路由器导航时(如果收到呼叫，我想显示一个页面，看起来像标准的Android传入呼叫页面)。我有一个pushNotificationReceived的简单侦听器
await PushNotifications.addListener('pushNotificationReceived', notification => {
this.logger.info(`[PUSH NOTIFICATION] - Push notification received: [Title: ${notification.title}
浏览 5提问于2022-03-24得票数 0
当在chrome浏览器上检查页面时，控制台显示"The key "viewport-fit“不能识别并忽略”。 注意--刚刚用ionic-cli创建了一个默认的‘照片画廊’应用。下面是离子环境- 离子： Ionic CLI : 6.10.1 (C:\Users\use
)
Ionic Framework : @ionic/angular 5.2.2
@angular-devkit/build-angular : 0.901.9
@angular-devkit/schematics
浏览 72提问于2020-06-23得票数 0
回答已采纳
1回答
我有一个Ionic v4项目运行良好，但是PhpStorm找不到我对@离子型的引用。
看起来代码实际上在/dist目录中，所以如果我将引用更改为：
import { NavController } from '@ionic/angular/dist'
PhpStorm没有抱怨，我得到了@离子型/角型的代码完成特性。
但是，在运行ng serve时，项目不会编译，我在控制台中得到错误：
ERROR in ./src/app/pages/home/home.component.ts
Module not found: Error: Can't resolve &#
浏览 1提问于2019-03-01得票数 1
我对Ionic非常陌生，目前我启动了一个测试项目，以构建一个应用程序，通过http请求从外部服务器读取JSON。通过遵循教程，我现在可以获取JSON，但我没有找到适当的教程，指导如何将卡片呈现到页面中。我的代码如下：
我需要一些关于如何渲染卡片的实用的想法。
pages/home/home.home
<ion-header>
<ion-navbar>
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
&
浏览 6提问于2017-08-01得票数 0
回答已采纳
编辑:将var google : any;添加到autocomplete.ts的全局范围并不能解决这个问题，只是稍微忽略了一下。
在处理完这个问题之后，按照几个论坛来处理这个错误，并实现每个npm安装，这两个程序都是--保存-dev到全局。
-我安装了google-maps和@types/googlemaps在package.json devDependencies中，我还安装了全局类型npm，后来我用它来安装另一个dt-google.map文件，我已经做了很多事情，它仍然在显示cannot find 'google'。
我认为这是一个包裹问题，如果我错了，-corre
浏览 3提问于2017-05-24得票数 0
我是Android的新手，我想在调用到来时显示通知对话框。我有两个Java文件：
walkitalkiincomingcall
incomingcall文件是从walkitalki调用的。打电话时我想要一个对话框。
我不能在Toast java文件中使用incomingcall，因为它是从walkitalki调用的。我将如何显示这个通知对话框，以及它将在哪个Java文件中运行？
浏览 4提问于2012-02-03得票数 0
目前，我正在从事一些家庭项目和学习离子。我是一个迈向Ionic的php开发人员。
基本上，我在Ionic项目中使用了php概念，现在我坚持使用ngIf条件。
我有一个个人资料页面显示用户信息。条件1:如果用户没有设置卡片详细信息，我希望显示“添加卡”按钮。
条件2:如果卡片的细节已经设置好了，我想要显示，编辑卡片按钮，隐藏添加卡按钮。
这里是HTML视图。
<ion-row *ngFor="let c of card | async">
<img src="assets/imgs/{{c.cardtype}}.png" width=
浏览 0提问于2018-04-02得票数 0
回答已采纳
0回答
堆叠离子卡时遇到问题
、、、
我正在尝试让离子卡在我的网站上轮换。我需要它们垂直堆叠，但我不能让它们堆叠，除非纸牌的正面和背面也堆叠，这会在垂直纸牌之间留下很大的空白。
代码，其中卡片是重叠的，而不是相对于前一个卡片的底部进行堆叠
AngularJS：
angular.module('ionicApp', ['ionic'])
.controller('MainCtrl', function($scope) {})
.directive('flipContainer', function() {
return {
restrict: &
浏览 5提问于2016-07-10得票数 0
我正在将一个旧的离子应用程序从V2移动到V4-alpha，并且无法使用异步管道在模板中绑定到可观察对象。当一个元素上的*ngFor嵌套在另一个带有*ngIf的元素中时，就会出现这个问题。不使用*ngIf时，该表显示正常，但包含*ngIf时不显示数据表，用于在不同数据表之间切换。
在组件中：
this.indLbdPlayers = this.fsService.getPlayersByIndScore(id);
this.indLbdPlayers.subscribe(players => {
this.indArray = players;
});
哪里
indLbdPlayers
浏览 1提问于2018-06-09得票数 0
当我运行Ionic 4应用程序时，浏览器会显示api数据，但当我在android设备上运行相同的应用程序时，它不会显示api数据。
我使用Laravel作为后端，从那里获取api数据。
离子信息是-
Ionic:
Ionic CLI : 6.5.0 (C:\Users\LENOVO\AppData\Roaming\npm\node_modules\@ionic\cli)
Ionic Framework : @ionic/angular 4.1.1
@angular-devkit/build-angular
浏览 2提问于2020-04-09得票数 0
我有两个组件(Chat.js Phone.js)和一个容器(Full.js)，我正在使用以下版本: react 16.1.1，react-router-dom:4.2.2。以下是我的文件：
Full.js
class Full extends React.Component {
render () {
return(<Switch>
<Route path="/phone" name="Phone" component={Phone} />
<Route path="/chat" n
浏览 0提问于2018-09-04得票数 0
我无法构建我的ionic 2应用程序。Serving在更改文件后工作。
在ionic serve上，我得到以下错误消息：
[07:36:10] ionic-app-scripts 1.0.0
[07:36:10] watch started ...
[07:36:10] build dev started ...
[07:36:10] clean started ...
[07:36:10] clean finished in 1 ms
[07:36:10] copy started ...
[07:36:10] transpile started ...
[07:
浏览 0提问于2017-02-21得票数 7
1回答
我正在构建一个Ionic3/Angular应用程序，我有一些备注的卡片列表，如下所示：
所以，你可以看到我的笔记可以大于卡片的宽度。因此，它被截断为省略使用离子项.
<ion-col col-11 class="padding-0">
<ion-item class="padding-left-0">{{noteInfo.Notes}}</ion-item>
</ion-col>
但是，问题是Notes并不总是简单的字符串，比如“--这是测试”。它可以是一个元素，如
<span style
浏览 1提问于2018-03-27得票数 0
1回答
我在Ionic 2项目中工作。我目前安装的版本如下所示。它是ionic 2的稳定版本吗？如果不是，那么我应该更新哪个组件版本？
Your system information:
Cordova CLI: 6.2.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.1
ios-sim version: Not installed
OS: OS X El Ca
浏览 0提问于2017-04-08得票数 0
我用Ionic 4创建了一个应用程序，并用下面的代码构建了android应用程序。
alert('desktop ' + this.platform.is('desktop'));
当我在Android4.4.4版本设备和模拟器中安装一个应用程序时，它将警告值显示为true，而在其他更高版本的设备中则显示为false。
我在代码中的很多地方都使用了平台条件。由于上述问题，android 4.4.4设备中的代码正在崩溃。
我无法理解它为什么在android设备中将桌面平台显示为真？
离子信息:
Ionic:
ionic (Ionic CLI)
浏览 0提问于2019-05-30得票数 1
基本上，我试图构建一个应用程序，将http请求发送到服务器，并在app.i上显示数据。i遵循这个，.i在安装了所有模块之后显示了there.but。我对ionic.So知之甚少，给我一个文章和描述性的解决方案。
packages.json
{
"name": "CompassApp",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframewor
浏览 0提问于2018-06-04得票数 1
我正在使用的基础Ionic2空白应用程序。当我在home.ts中用下面一行实例化Azure时
import azureMobileClient from 'azure-mobile-apps-client';
，它的部署没有错误。故障只是波纹上的空白屏幕或设备上的空白屏幕。我在构建时没有看到任何错误。
当前设置: Win10 x64 Visual Studio 2015 Community : 6.3.1 Ionic Framework版本: 2.0.0-rc.1 Ionic CLI版本: 2.1.1 Ionic App版本: 2.1.1 Node版本: v4.6.0
以下是我
浏览 2提问于2016-10-23得票数 2
2回答
我的问题是：
我正在用Ionic v2编写一个混合应用程序，一切都很好。我使用ionic serve，我的应用程序只是做它应该做的，所以在浏览器中一切正常工作。但是当我在任何安卓手机或ionic run android模拟器上运行这个应用程序时，我只会得到一个没有错误的空白屏幕。
现在，我尝试删除每一个新创建的页面，并试图注释所有代码，但它仍然只显示了一个空白屏幕。
奇怪的是，我只是看到一个空白的屏幕，但当我点击一个输入字段(因为我知道它们在哪里，我看不到它们)，我的设备打开键盘，我可以写。
我甚至有
cordova camera-preview plugin
安装好了，当我打开它的时候，它会
浏览 1提问于2017-01-07得票数 1
回答已采纳
1回答
我是新的离子开发和我有问题的离子日期时间组件。根据文档，组件应该显示为。但是当我把它放进应用程序时，它显示的就像。
我一直在处理这些属性，但它仍然像底部选择器一样显示日期时间，而不是完整的日历。我需要日期时间的页面被显示为一个模式，但是如果将它放在一个普通的页面中，我会得到相同的结果。
这是我的离子信息显示的
Ionic:
Ionic CLI : 6.18.1
Ionic Framework : @ionic/angular 5.9.1
@angular-devkit/build-angular : 12
浏览 11提问于2021-12-23得票数 1
回答已采纳
我遇到了以下问题。 app.component.ts正在侦听'login‘事件，该事件运行良好。但是，当事件触发时，我想要重新加载我的app.component-page，因为我想在用户登录时显示不同的侧边菜单。 我找到了一些包含内容的示例，但@ in /angular中不再包含内容。 有没有人有一个有效的例子？这会给我带来很多麻烦。 提前谢谢你。 关注我的环境信息 Ionic CLI : 5.2.6 (/usr/local/lib/node_modules/ Ionic )离子框架：@ionic/angular 4.4.2 @angular-devkit/build-angular
浏览 18提问于2019-10-09得票数 0
回答已采纳
1回答
我成功地构建了离子材料演示
当我做ionic服务器时，浏览器打开，应用程序正常工作，但在android上编译时
ionic platform add android
ionic build android
ionic run android
应用程序编译和运行，但我不能显示不同的屏幕上导航，网址的变化和浮动操作按钮显示，但没有模板文件？
我做错了什么，或者可能是什么问题？
我在控制器中添加了alert("debug")，并且警告显示在导航上，所以只有模板没有呈现
请注意，ionic是基于AngulaJ构建的，因此Angular专家也可以提供帮助
感谢您的任何帮助
浏览 0提问于2015-08-23得票数 1
我想在离子V1中使用路由和AngularJS。当我编译我的程序时，它打印出以下错误消息：
Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
[$injector:modulerr] Failed to instantiate module ionic due to:
[$injector:modulerr] Failed to instantiate module ngSanitize due to:
[$injector:unpr] Unknown provider: $filter
浏览 0提问于2020-11-27得票数 0
我正在尝试将websql api与Ionic 3和Angular 4结合使用
var db = openDatabase('mydb', '', 'my first database', 2 * 1024 * 1024);
当我调用openDatabase时，它显示opendatabase不是一个函数，并且页面不会加载。但在浏览器中，我可以看到创建的表。
有没有办法使用Angular 4和ionic 3？
我添加了cordova-sqllite-storage。但我无法在Angular4上调用它。
有什么例子吗？我不想使用ionic native
浏览 0提问于2017-05-03得票数 2
1回答
我有一个离子应用程序，它是用离子3创建的，最近更新到离子5(角度8)。
该应用程序在Chrome浏览器(带有ionic serve)中运行，没有任何问题，一切都在正常运行。
近两周来，我一直在尝试制作一个运行在iOS上的版本。
我安装了最新的XCode 12，并尝试使用ionic cordova build ios --prod创建一个构建。构建完成后，我在xCode中打开项目文件，并尝试在我的iPhone上测试它。
此时将显示登录屏幕，用户可以通过单击登录按钮进行身份验证。这将打开一个可以对用户进行身份验证的InAppBrowser。身份验证成功后，InAppBrowser将关闭，并将已登录
浏览 2提问于2021-03-12得票数 0
1回答
我正在尝试使用离子(也是v3)应用程序中的自定义聚合物(v3)组件。 如果我运行的是ionic cordova run android，这个组件工作得很好。 但是，当我尝试使用--prod标志运行时，项目会编译并在我的手机中打开，但它根本不显示组件。 chrome inspect工具中显示的错误如下： Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object contructor cannot be called a
浏览 12提问于2019-03-08得票数 1
我刚刚开始探索Ionic框架，并准备将源代码上传到基于Apache的was服务器上，但由于某种原因，它只显示空白页面。尽管当我在本地主机上运行它时，它工作得很好，我也尝试将它部署到Firebase主机上，它在那里也工作得很好。我部署到Firebase和我的are服务器的源代码是相同的。为了构建它们，我使用命令"ionic build --prod“。我在日志中看不到任何东西，似乎我做的一切都是正确的，至少根据官方文档是正确的。我甚至创建了一个默认的tabs项目，没有任何更改。试着上传，没什么特别的。webserver版本:服务器版本: Apache/2.4.34 (Unix)服务器构
浏览 14提问于2019-03-06得票数 0
回答已采纳
我正在从google获取details.ts文件功能中的数据，我已经为此创建了服务，如下所示。它的显示打字错误Property 'then' does not exist on type 'void'
this.typeApi.getTypeDetails(baseUrl).then(data => {
});
在type-api.service.ts文件中，我从google获取数据如下：
import { Injectable } from '@angular/core';
import { Http /*, Response*/ } f
浏览 0提问于2017-04-05得票数 1
回答已采纳
我有一个内置的离子爆发器：
<!-- Show popover above trigger -->
<ion-button id="button">Demo</ion-button>
<ion-popover trigger="button" side="top">
<ng-template>
<ion-content>
<ion-item>
<ion-label>
1. Test
浏览 9提问于2022-06-14得票数 0
1回答
我想从json文件中获取密钥和值。我对ionic是个新手，我真的需要解析这个json文件。
我希望将其显示为卡片中的单个卡片list.Say，"ProductDetails“，并将名称、id和价格作为其列表内容。
此外，json文件也是动态的。
{
"ProductDetails":[{
"ProductName":"Macintosh Apples",
"ProductId":"Mac3323",
"Price":"$233"
}],
浏览 2提问于2018-06-29得票数 0
Iv'e最近开始玩弄Angular2，并面临一个相当基本的问题。
我正在尝试创建一个简单的父组件，它只是一个动态框的容器。每个盒子都有自己的属性和数据。
到目前为止所做的工作如下：
容器类：
import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {IONIC_DIRECTIVES} from 'ionic-angular';
import {MainBox} from './../../compone
浏览 2提问于2016-07-24得票数 1
回答已采纳
1回答
NPM包版本冲突
、、、
软件包版本混乱：
我是NPM的新手，一直在努力创建一个离子2应用程序。我不知道如何解决所有这些包版本冲突。在我所执行的图片中显示的命令之前:清除node_modules、npm缓存清除、npm取消日期-g npm和npm安装。
这是我的package.json：
{
"name": "io.cordova.myappb7116d",
"author": "",
"homepage": "",
"private": true,
"scripts&
浏览 2提问于2017-04-19得票数 0
当使用离子选择选项的动态值时，离子选择标签不能正确显示，值和标签都显示在彼此的顶部，请参见下图。
github上提供了一个代码示例：
以下是ion-select如何使用和失败的代码摘录：
<ion-list>
<ion-item>
<ion-label position="floating">Event Game</ion-label>
<ion-select [(ngModel)]="tstObj.key" (ionChange)=
浏览 0提问于2019-11-21得票数 2
我正在使用Ionic 2并尝试使用@ionic native/geolocation，当我在我的项目上执行ionic:serv时，我得到了这个错误:找不到名称'Observable‘。
Tick.imgur.com/dXNDc.png
这是我的package.json文件内容：
{
"author": "",
"cordovaPlatforms": [],
"cordovaPlugins": [
"cordova-plugin-whitelist",
"cordov
浏览 4提问于2017-05-07得票数 3
3回答
从API调用获得的JSON数组应该显示在使用ionic 5和Rxjs的卡片中。该接口每5秒调用一次，因此每次调用时数据都会发生变化。问题是，在每次调用时，整个卡片都将重新生成，并且在用户看来是骗人的。下面是我调用API的方式： interval(1 * 5 * 1000)
.pipe(
flatMap(() => this.myService.getList())
)
.subscribe(res => {
if(res){this.list = res.history;}
}) 在html文件中，使用ion-virtual-scroll将数据显示在卡片上，如下所示：
浏览 33提问于2020-04-08得票数 0
回答已采纳
为此，我尝试使用css变量 ion-toolbar {
--background: #{$backgroundColor3};
--min-height: #{$spacing * 5};
} 在最新的chrome和android 8上都能正常工作。但在chrome 40的adnroid 5上。*它不工作。 我发现Ionic的最低安卓版本是4.4 docs >ionic info
Ionic:
Ionic CLI : 5.0.1
Ionic Framework : @ionic/angular 4
浏览 13提问于2019-07-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
