标签: ionic2

当我使用应该在我的Android设备上启动相机的相机按钮时,它通过chrome检查给出了这个错误:

file:///storage/emulated/0/Android/data/io.ionic.starter/cache/.Pic.jpg通过ClipData.Item.getUri()暴露在app之外

我很无能,无论如何都找不到..

所有帮助表示赞赏!

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.12
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.45
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.1
Xcode version: Not installed

我建立具有一个离子2应用程序<ion-list>与<ion-item>使用(点击)事件秒.在加载页面时,点击事件变为活动和可点击状态<ion-list>需要几秒钟<ion-item>.在页面加载后几秒钟内点击项目无效.

我在列表中只有几个项目,并尝试使用virtualScroll列表,但没有效果.

可能是什么原因造成的？

我正在尝试将视频上传到s3，并有一个预先签名的PUT网址。以下是执行此操作的代码。

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {MediaCapture} from 'ionic-native';
import {Http} from '@angular/http';
import { Transfer } from 'ionic-native';

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

export class HomePage {

    public base64Image: string;

    constructor(private navController: NavController, public http: Http) {
        this.base64Image = "https://placehold.it/150x150";
    }

    public takeVideo() {
        MediaCapture.captureVideo({limit:2}).then(function(videoData){
            var link = "https://mysamplebucket.s3.amazonaws.com/non-tp/esx.mov?AWSAccessKeyId=TEMP_KEYY&Expires=1482290587&Signature=JUIHHI%2FcnLkqSVg%3D&x-amz-security-token=FQoDYXDGRfTXk6hma0Rxew6yraAX%2FlYGaQmYLwkvsuuB3%2F%2FtPvGDVs3dIQG0Ty3MeMjn0p%%26djt5xhAMk73pndJbZP0tCYYlvPvlUAyL8x7O%%2B3AwEa%%2B9b43yarIuPLCvujmKLTDyi%%3D%3Di";

            var options: any;

            options = {
             fileKey: 'file',
             fileName: 'esx.mov',
             httpMethod: 'PUT',
             chunkedMode: false,
             mimeType: 'video/quicktime',
             encodeURI: false,
             headers: {
                'Content-Type': 'video/quicktime'
              }
            };

            var …

我正在构建一个移动应用程序来显示新闻源.在我的应用程序中,应该能够发布状态.

状态将使用POST方法发送到PHP服务器.

现在我的问题是PHP无法读取我使用angular2发送的POST请求.

这是我的代码:

form.html

<form class="sample-form post-form" [formGroup]="post_form" (ngSubmit)="createStatus()">
            <ion-item>
              <ion-textarea rows="7" placeholder="What's happening?'" formControlName="status"></ion-textarea>
            </ion-item>
            <section class="form-section">
              <button ion-button block class="form-action-button create-post-button" type="submit" [disabled]="!post_form.valid">Post</button>
            </section>
          </form>

form.ts

import { Component } from '@angular/core';
import { NavController, AlertController } from 'ionic-angular';
import { Validators, FormGroup, FormControl } from '@angular/forms';

import { Http, Headers } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'form-page',
  templateUrl: 'form.html'
})
export class FormLayoutPage {

  section: string;

  post_form: any;

  url: string;
  headers: Headers;

  constructor(public nav: NavController, …

我正在使用Ionic 2进行教程,有时我无法访问视图中的对象属性.例如:

// Typescript file
export class MyClass {
     myObject: any;

     constructor() { }

     ionViewDidLoad() {
         this.myObject = getData(...);
     }
}

// HTML
<p>{{ myObject.property }}<p>

结果是:"无法读取CompiledTemplate.proxyViewClass中未定义的属性'属性'......"

我可以记录包含其属性的对象.如果我试试这个:

<p>{{ myObject | json }}</p>

我的json对象以其属性显示...我无法使用插值括号访问我的属性.

我有一个页面来显示分支列表并选择一个分支转到下一页.

如何制作ion-item可点击,捕捉点击并选择项目？

我尝试了这个代码,它的工作原理.但是,它显示了一个按钮列表.

 <ion-list>
    <ion-item *ngFor="let branch of branchArray">
       <button ion-button full (click)='goHome(branch)'>
          {{branch.name}}
       </button>              
    </ion-item>
 </ion-list> 

我正在使用ionic2并希望访问我已安装的应用程序代码,

现在,当我在cmd中运行命令" adb devices "时,它显示错误为

"'adb'未被识别为内部或外部命令,可操作程序或批处理文件."

我该怎么办 ？

我必须在自定义组件中使用jQuery-Knob.经过大量的搜索和尝试/未命中尝试之后,我能够初始化旋钮的唯一方法是将jQuery函数包含setTimeout在0秒内,就像这个答案所说的那样.

constructor() {
    console.log('Hello SsdKnob Component');

    setTimeout(() => {
        $(".dial").knob();
    }, 0)
}

但是,如果感觉有点hacky并且可能不稳定？(我不确定因为某种比赛条件我是否会遇到问题).

有没有更好/推荐的方法来做到这一点？

我试过没有成功:

ionViewLoaded() {
     $(".dial").knob();

}

和

AfterViewInit() {
    $(".dial").knob();
}

我尝试在我的Ionic 2应用程序中使用它:https: //ionicframework.com/docs/v2/storage/

我已经跑了

cordova plugin add cordova-sqlite-storage --save

和

npm install --save @ionic/storage

成功.

当我尝试在app.module.ts中添加存储时,我遇到了这个错误:

Error: Can't resolve all parameters for Storage: (?).
    at v (http://localhost:8100/build/polyfills.js:3:4864)
    at SyntaxError.BaseError [as constructor] (http://localhost:8100/build/main.js:127193:27)
    at new SyntaxError (http://localhost:8100/build/main.js:11660:16)
    at CompileMetadataResolver._getDependenciesMetadata (http://localhost:8100/build/main.js:27183:31)
    at CompileMetadataResolver._getTypeMetadata (http://localhost:8100/build/main.js:27058:26)
    at CompileMetadataResolver._getInjectableMetadata (http://localhost:8100/build/main.js:27046:21)
    at CompileMetadataResolver.getProviderMetadata (http://localhost:8100/build/main.js:27288:40)
    at http://localhost:8100/build/main.js:27246:49
    at Array.forEach (native)
    at CompileMetadataResolver._getProvidersMetadata (http://localhost:8100/build/main.js:27213:19)
    at CompileMetadataResolver.getNgModuleMetadata (http://localhost:8100/build/main.js:26897:50)
    at JitCompiler._loadModules (http://localhost:8100/build/main.js:72991:64)
    at JitCompiler._compileModuleAndComponents (http://localhost:8100/build/main.js:72951:52)
    at JitCompiler.compileModuleAsync (http://localhost:8100/build/main.js:72917:21)
    at PlatformRef_._bootstrapModuleWithZone (http://localhost:8100/build/main.js:52753:25)

我不明白我该如何解决它.

我的app.module.ts:

import { Storage } from …

我正在使用Ionic 2和Angular 2的应用程序.现在我正在尝试从API中获取数据并在页面上显示它.

我可以记录数据,我认为这是正确的,但由于某种原因,页面本身没有显示任何内容:

我收到数据的API位于:http://peerligthart.com/grotekerk/v1/api.php/zerken？transform = 1

*ng对我的看法

<ion-content padding>
  <h1 *ngFor="let z of zerken">
    {{ z.naam }}
  </h1>
</ion-content>

调节器

import { Component } from '@angular/core';

import { NavController, PopoverController } from 'ionic-angular';
import { PopoverPage } from '../popover/popover';

import { ZerkenProvider } from '../../providers/zerken';

@Component({
  selector: 'page-lijst',
  templateUrl: 'lijst.html',
  providers: [ZerkenProvider]
})

export class LijstPage {

  zerken: Array<any>;

  constructor(public navCtrl: NavController, public popoverCtrl: PopoverController, public zerkenProvider: ZerkenProvider) {
    this.zerkenProvider.getZerken().subscribe(
      data => {
        console.log(data.zerken);
        this.zerken = …