我有一些这样的代码：

  addMarkerListener(){
    document.querySelector('body').addEventListener('click', (event) => (this.handleMarkerListenerClick(event)));
  }

  handleMarkerListenerClick(event){
    let target = event.target as HTMLElement;
    if (target.tagName.toLowerCase() == "a" && target.className.startsWith("ver-mais-unidade")){
      this.onViewUnidade();
    }
  }

它工作得很好，但我需要稍后删除该监听器，所以我必须像这样调用我的处理程序：

  addMarkerListener(){
    document.querySelector('body').addEventListener('click', this.handleMarkerListenerClick);
  }

  handleMarkerListenerClick(event){
    let target = event.target as HTMLElement;
    if (target.tagName.toLowerCase() == "a" && target.className.startsWith("ver-mais-unidade")){
      this.onViewUnidade();
    }
  }

问题是，对于第二个代码，我得到“this.onViewUnidade”未定义。onViewUnidade是我组件中的一个函数，在第一种情况下工作得很好。有人知道我做错了什么吗？谢谢！

您好，是否可以在复选框内添加文本来替换勾选图标。

我无法用这段代码实现它，有人可以建议我如何制作一个带有文本的尺寸选择框

<ion-col>
        <p>Choose the size</p>
        <ion-item>
            <ion-checkbox >S</ion-checkbox>  
        </ion-item>       
    </ion-col> 

帮我带出这种类型的用户界面

我正在使用<ion-select>下拉列表，它按预期工作，但我在这里想要的是所选选项的索引<ion-select>

我已经使用<ion-select>并更改了事件，如下所示：

<ion-select class="myCustomSelect" [(ngModel)]="selectedProductDD" interface="popover" (ionChange)="onSelectChange($event)">
    <ion-option *ngFor="let selectedProduct of productArray" [value] = selectedProduct.pid>{{ selectedProduct.pid }} </ion-option>
</ion-select>

更改事件：

onSelectChange(selectedValue: any) {
   //Here I want Index also.
   //Currently I am getting selected Value.
}

让我知道是否有人可以帮助我！

提前致谢。

离子3

我正在使用#cordova-plugin-file-transfer，从 android 和 ios 中的 url 下载文件。对于 Android 来说，它运行良好。但对于 ios 应用程序，我遇到了问题。

文件下载成功，但我无法在 ios 设备上看到下载的文件。

这是我的 ios 代码=>

const transfer = this.transfer.create();
transfer.download(url, cordova.file.documentsDirectory + fileName).then(
          entry => {
            console.log(entry);
            this.apiService.showError("Download Succeeded.");
            this.commonService.dismissLoading();
          },
          error => {
            console.log(error);
            this.apiService.showError("Download Failed.");
            this.commonService.dismissLoading();
          }
        )

有谁可以在这方面帮助我吗？

升级到beta.2后.我的应用程序不再运行了.我在浏览器中收到以下错误

未捕获错误:找不到模块"..../project/app/app"

我有一个ionic2页面,我想在离子项内打印HTML:这是ionic2页面:

@Page({
    templateUrl: './html-page.html',
})
export class Demo{

    htmlString:string = "Hello<br/><br/>Html"

    constructor() {
    }
}

这是相应的模板:

<ion-content>
    <ion-card>
        {{htmlString}}
    </ion-card>
</ion-content>

而现在 Hello<br/><br/>Html是输出.但我想要那个

你好

HTML

将输出.

我正在开发一个聊天应用程序Angular2, ionic2 and firebase.为了得到聊天,我尝试了以下方法

控制器代码:

displayAllMessage() {
    let myDataRef = new Firebase("firbaseurl");
    myDataRef.on('child_added', function(snapshot) {
      this.message = snapshot.val();
      console.log(this.message);
    });
  }

查看代码:

<h1> {{message.text}} </h1>

但这里的问题是 - 如果我使用this.message它是抛出错误说this.message未定义,如果我使用var message而不是this然后它工作正常.如果我使用,var message那么我无法在视图中显示它.

先感谢您.

我正在尝试更改文本颜色,如下所示.

Item.color返回RGB代码,如"#002200".但该应用程序无法正常运行,它显示白屏.

<div style="color:{{item.color}}">{{item.name}}</div>

以下代码工作正常.

<div style="color:#002200">{{item.name}}</div>

我怎么能解决这个问题？或者我做错了吗？

谢谢

我做了一个角度2的简单例子.我在数组中添加了项目.当用户键入任何内容并按下按钮时,它将被添加到数组中并显示在列表中.

我面临两个问题

• 1)如何在插入数组后清除输入字段？

• 2)角度2如何工作？如在文档Angular 2中删除监视.当项目添加到数组.how模板显示更新列表.how？

  是在看列表模型吗？

这是我的plunker代码

<ion-navbar *navbar>
  <ion-title>
    Ionic 2
  </ion-title>
</ion-navbar>

<ion-content class="has-header">
 <ion-list style="border:2px solid grey;height:500px">
  <ion-item *ngFor="#item of Todo">
{{item.name}}
  </ion-item>
</ion-list>
<label class="item item-input">
  <span class="input-label" >Add Todo</span>
  <input type="text" #todo placeholder="Add todo" >
</label>
</ion-content>

<ion-footer-bar (click)="addItem(todo.value)">

  <h1 class="title" style='color:red'>Add Todo!</h1>

</ion-footer-bar>

我正在尝试使用settimeout(或任何其他回调)更新字符串(类\ tag),但没有成功,它与按钮完美配合(当用户点击按钮进行更新时),但它没有'使用JS settimeout.你能告诉我我在这里失踪了吗？

这是我的代码示例:

export class Page1 {
  constructor() {
this.greet = "Hi, ";
setTimeout(function(){
  this.greet = "Hello, ";
  alert("Done");
 }, 3000);
  }
}

正如你在这个简单的代码中看到的,我可以在3秒后看到警报"完成",但问候语没有更新,我应该以某种方式刷新它吗？

谢谢你的帮助!

伊兰.