标签: ionic2

我正在使用 Ionic 2 - Beta 10 开发移动应用程序。我想对一个 div 应用背景滤镜模糊。

我知道大多数情况下不支持这一点，但对于不支持背景滤镜的情况，我有一个没有模糊的后备设计。

对于不支持background-fiter的版本，我想使用以下css，

.panel {
 background-color: #FFF;
 opacity: 1;
}

对于支持背景过滤器的版本，我想使用这个，

.panel {
 background-color: #FFF;
 opacity: .5;
 backdrop-filter: blur(5px);
 -webkit-backdrop-filter: blur(5px);
}

问题是后备的不透明度是不同的。

如果不支持某个属性，如何确定并设置不同的样式？

例如我有一个函数itemDragged()。如何在该函数内部获取引用ion-item-sliding以获取其当前的类属性？

<ion-item-sliding *ngFor="let activity of activities" (click)="showModalInfo(activity)" (ionDrag)="itemDragged($event)">

我正在使用 Ionic 框架开发 Ionic2/Angular 应用程序。我对 Android 没有任何问题。我的问题是，我可以使用 Windows Azure VM (Mac) 为 ios 设备构建应用程序吗？

我有Win 8.1操作系统。

注意：这不是关于此处同类问题的重复问题。我有一个具体问题，我需要了解是否可以使用 Azure VM 为 ios 设备构建 Ionic 应用程序。我不喜欢任何不合法的方法。

我正在尝试从文件的字符串路径在 html 上设置srca 。<img>

该路径是从( )cordova.file.dataDirectory上的 cordova 插件获取的，如下所示：Ionic2Typescript

编辑以显示我的代码：

这是 profile.ts 代码的相关部分

...
import {Camera} from "ionic-native";
...
import {API} from "../../services/api";
import {ImageAdquistionService} from "../../services/imageAdquisition.service";
...
import {Network,File} from 'ionic-native';




declare let cordova: any;


@Component({
  selector:    'page-profile',
  templateUrl: 'profile.html'
})

export class ProfilePage implements OnInit{


  connected:boolean = false;

  imagePath: string = "./assets/img/pio.jpg";
  userInfo: User = new User();


  constructor(

              private api:API,
              private imageAdquistionService: ImageAdquistionService,
              ){

    //seleted tab by default
    this.tabs="info";

    this.connected = Network.type …

我是 Angular 2 的新手。以下是 div 列表：

<div class="list">
 <div value="A">A</div>
 <div value="B">B</div>
 <div value="C">C</div>
 <div value="D">D</div>
 <div value="E">E</div>
</div>

如何从中仅选择一个 div（如单选列表），然后处理所选值？

我有一个组件 HeroLogoComponent，它在我的应用程序的每个页面的标题元素中使用。它在 app.module 中声明为：

@NgModule({
  declarations: [
  MyApp,
  HeroLogoComponent,
], ...

通过阅读 angular.io 文档，我了解到这应该允许<hero-logo>在每个其他 PageComponent 中使用选择器。但是，当我将其添加到任何其他页面时，我收到错误

Error: Uncaught (in promise): Error: Template parse errors: 'logo' is not a known element

当我更改 PageComponentModule 以包含schemas: [CUSTOM_ELEMENTS_SCHEMA]应用程序加载但该组件仅在 HTML 中显示为空时

<hero-logo><hero-logo>

里面没有任何模板元素。我宁愿声明/导入此组件一次以便在整个应用程序中使用，而不是在每个单独的 PageComponentModule 中使用。有没有办法做到这一点，以便它可以在全球范围内引用？

谢谢！

编辑：

因此，在 app.module.ts 中，引导程序是 IonicApp，因为它是 ionic 生成的项目。

bootstrap: [IonicApp],

引导程序中声明的组件是否全局可用？如果是这样，我将如何从 IonicApp 声明它？

我正在为 android 和 ios 创建一个 ionic 2 应用程序。我有一个警报控制器，提示用户输入文本，但是当弹出警报时，我希望键盘专注于输入，并突出显示占位符文本。目前，您必须点击文本输入才能弹出键盘。这可以实施吗？

这是我的警报控制器代码：

let prompt = this.alertCtrl.create({
    title: this.name,
    message: this.nameMessage,
    inputs: [
      {
        name: 'name',
        placeholder: this.name
      },
    ],
    buttons: [
      {
        text: this.save,
        handler: data => {
          resolve(data.name);
        }
      }
    ],
    enableBackdropDismiss: false
  });
  prompt.present();

我编写了这段代码，用于在滚动超过 500px 后显示按钮，但“showButton”没有获得新值。

<ion-content (ionScroll)="onScroll($event)">
    <button *ngIf="showButton">Scroll Top</button>
</ion-content>

我的.ts 文件：

showButton= false;

onScroll($event) {    
  if ($event.scrollTop > 500) {
    console.log(this.showButton);
    this.showButton= true;
  }
}

这个console.log显示了“showButton”的变化，但在html中它没有变化。

“showButton”第一次获取值“false”，但是当值更改为“true”时，它无法监听更改，我该如何解决这个问题？

有没有任何解决方案可以让我获取如图所示的数据库表的名称

我想知道如何在 ionic 中添加两个堆叠按钮之间的空间。

我有两个按钮，我希望它们之间有空间，而不是页面上可能有的其他任何内容之间有空间。

我想要的是一个类似占位符 div 的组件，我可以直接删除它，它可以为我做到这一点。

我不是在寻找添加网格或更改 CSS。

简而言之，我正在寻找一种快速而肮脏的方法来添加一些空间。