小编Bil*_*ble的帖子

由于升级到最新的Angular 2发布候选版本,我的img标签引发了错误.

img标签:

<img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'>

生成浏览器错误:

http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg

网址的价值是:

import {DomSanitizationService} from '@angular/platform-browser';

@Component({
  templateUrl: 'build/pages/veeu/veeu.html'
})
export class VeeUPage {
  static get parameters() {
    return [[NavController], [App], [MenuController], [DomSanitizationService]];
  }

  constructor(nav, app, menu, sanitizer) {

    this.app = app;
    this.nav = nav;
    this.menu = menu;
    this.sanitizer = sanitizer;

    this.theMediaItem.photoURL1 = this.sanitizer.bypassSecurityTrustUrl(this.mediaItems[1].url);
  }

编辑:

我已经尝试过在另一个解决方案中提出的建议,这个问题应该是重复的,但我得到了同样的错误.

我已将以下代码添加到控制器:

<img class='photo-img' [hidden]="!showPhoto1" [src]='theMediaItem.photoURL1'>

我仍然收到相同的错误消息.

EDIT2:

我还将html更改为:

<img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'>

我仍然得到相同的错误消息

有没有办法在离子2吐司中设置文本消息的样式？

我试过这个:

    let toast = Toast.create({
      message: "Some text on one line. <br /><br /> Some text on another line.",
      duration: 15000,
      showCloseButton: true,
      closeButtonText: 'Got it!',
      dismissOnPageChange: true
    });

    toast.onDismiss(() => {
      console.log('Dismissed toast');
    });

    this.nav.present(toast);
  }

但显然你不能在文本中使用html所以我猜我的问题的答案是否定的？

我正在使用Angular 2和离子2,我试图捕获左右滑动.我可以捕捉滑动,但无法确定如何确定它是向左还是向右滑动.

在我的HTML中,我有:

<ion-content (swipe)="swipeEvent($event)">

swipeEvent每次滑动时都会调用此方法.

我的swipeEventjavascript代码如下所示:

swipeEvent(event){
        alert('swipe');
    }

如何确定它是向左还是向右滑动.

我正在使用Django Rest Framework ModelViewSet作为我的一个观点.ModelViewSet使用ListModelMixin自动分页结果,但我不希望结果分页.在我的API调用中,我说我想要返回多少结果,但就目前而言,我在一次调用中无法获得超过10个结果.

有没有办法关闭自动分页,所以我可以得到尽可能多的结果我想要返回？

我已经获得了一些我需要用于离子2项目的JQuery代码.我如何包含它和JQuery库？

代码看起来像这样(这只是它的一部分):

// on 'Left Down' button click:
jQuery('body').on('click', '.left-down', function (e) {
  
	jQuery('body #top-scale').stop();
	jQuery('body .right-hand-weight').stop();
	jQuery('body .left-hand-weight').stop();
	//top of scale animation
	jQuery("body #top-scale").animate({
  		transform: "rotate("+ setWeights(3,0) +"deg)"
	})
	

		//===rotate + reposition each weight *** 
		jQuery("body .right-hand-weight").animate({
		 	transform:"rotate("+ getWeights() +"deg) translateX("+getX("right")+"px,"+getY("right")+"px)"
		 })

		jQuery("body .left-hand-weight").animate({
		 	transform:"rotate("+ getWeights() +"deg) translateX("+getX("left")+"px,"+getY("left")+"px)"
		 })

		//console.log(getWeights());

		// set number value in weight 
		jQuery( "body .text-1" ).text( leftWeightPercentage );

});

我正在考虑在index.htm中为JQuery库和我给出的jquery代码文件添加一个脚本src标记,但是我无法弄清楚如何将代码导入到我的离子2项目中.

我正在尝试将我的离子2 Beta 2代码更新为离子2 RC0,并在app.component.ts文件中收到No template指定错误.

app.component.ts文件的相关部分如下所示:

@Component({
     templateUrl: 'app.html',
})

export class MyApp {
    rootPage: any = HomePage;
    loggedIn:boolean = false;

@ViewChild(Nav) nav: Nav;

root: any;// = HomePage;


constructor() {
    ...

根据更新应用程序以释放候选0为离子2的更新说明,app.html文件与app.component.ts文件位于同一目录中,路径为 app.html

运行离子应用程序时,Firefox和Chrome都会抱怨没有为app.component指定模板.

我想使用带有img标签的lowsrc来在较大分辨率图像加载时首先(和更快)显示低分辨率图像.

我的大分辨率图像是@ 800KB,低分辨率版本是@ 50KB.

鉴于lowsrc已被弃用,并且许多浏览器显然不支持它,我正在寻找能够做同样事情的解决方案,最好是尽可能少的代码.

lowsrc有一个很好的替代品吗？

有没有办法确定离子2页何时满载？当所有页面html都已加载时,我需要在页面中插入一些html.理想情况下,我希望在我的@page类中有一个函数,该函数在页面加载时运行.

目前我正在将包含藤蔓的iframe插入div容器中.我正在体验,当在运行iOS 9的iPhone 5上运行应用程序时,有一些奇特的行为,其中同一个藤蔓有时会对容器进行调整,有时却不会.我猜这可能是由于时间问题(藤蔓iframe的来源是作为http请求的一部分收到的).

我在8Gb Mac上使用WebStorm来编辑离子/ cordova应用程序的源文件.最近,即使我的应用程序非常小,WebStorm的工作速度也非常慢(每个键按下它几乎需要几秒钟!)并经常抛出内存错误.

我已经分配了2000Mb但仍然没有内存耗尽？

为什么这么慢？为什么它会使用这么多内存？我可以关闭一些功能来加快速度吗？

我正在尝试创建一个JS启动项目,但ionic start xxx --v2创建了一个打字稿项目.

我需要创建一个JS启动项目,这样我就可以将现有的JS ionic 2应用程序复制到干净的安装中.

我尝试将我的所有JS文件重命名为typescript,但是获得了大量类型的错误消息:

类型yyy上不存在属性xxx