标签: ionic-framework

我有一个离子应用程序，我在其中显示视频，当我在chrome浏览器和android设备上对其进行测试时，效果很好，但是在iPhone上什么也没显示。这是我的html代码：

<iframe ng-show="article.external_media.length > 0 && article.external_media.url != ''" ng-src="{{article.external_media[0].url | safeUrl }} "></iframe>

我正在离子1.X中建立聊天,我想使用Firebase作为我的数据库和auth提供者.首先,我希望能够使用Firebase创建和登录用户.我在帐户中启用了简单的电子邮件和密码验证.然而,大多数的教程这样一个与火力地堡2.作品如果我跟着它,我有一个错误:

在我的index.html中,我加载了firebase,如:

<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
<!-- AngularFire -->
<script src="https://cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script>

并创建用户:

  $scope.signupEmail = function(){
    $scope.message = null;
    $scope.error = null;

    console.log('In signup email with username ' +  $scope.data.username + ' email ' + $scope.data.email + ' and password ' + $scope.data.password);
    var chatRef = new Firebase('https://some-url.firebaseio.com');
    var auth = $firebaseAuth(chatRef);
    auth.$createUser({
      email: $scope.data.email,
      password: $scope.data.password
    }).then(function(userData) {
        console.log("User created with uid: " + userData.uid);
        $scope.message = "User created with uid: " + userData.uid;
      }).catch(function(error) {
        console.log("Error: " + error); …

我正在将Mixpanel Analytics集成到我的应用程序中,我希望跟踪每个状态更改并能够提交一些其他参数.最好是有一个位置来执行此操作而不是将跟踪代码添加到每个控制器.

我想运行类似于此的东西:

mixpanel.track("Page Change", {"state":$state.current.name})

在每个州的变化.做这个的最好方式是什么？

我有一个用离子编写的应用程序。如果我学习本机反应，是否可以重复使用Ionic应用程序中的JavaScript代码？我的意思是所有UI，导航，动画部分。我知道在ionic中，Android工具栏的深度集成缺乏可比性。但是，如果我只复制将js和CSS粘贴到react中，它将起作用吗？有人做过类似的事情吗？哪里有可用的端口选项？

我希望在我的警报中有很多功能,所以我在一个模态中实现了所有的东西...现在我想把这个模态切割为一个警告,就像不占用屏幕上的整个空间并显示左侧空间上的bg超出我们的模态.如下图所示

例如:你能告诉我在模态之外实现它,使它看起来像一个警报..在离子2中

请帮助谢谢

我在我的Windows PC上使用离子制作了一个应用程序,现在当切换到mac时我从控制台收到此错误

"拒绝加载 https://lorem.firebaseio.com/.lp?start=t&ser=59502592&cb=11&v=5, 因为它没有出现在Content Security的script-src指令中".

我已经尝试在我的标题中修改我的CSP标签,我似乎无法让它工作.我也尝试重新添加所有插件/平台/资源.

我现在使用的标签是

 <meta http-equiv="Content-Security-Policy" content="default-src * data: cdvfile: gap:; style-src 'self'  https://cdn.firebase.com https://*.firebaseio.com https://lorem.firebaseio.com/*; script-src 'self' 'unsafe-eval'">

我也想知道为什么我不能像过去那样将它添加到我的白名单插件中

  <allow-navigation href="*"/>
  <allow-navigation href="http://192.168.178.13:8100"/>
  <allow-intent href="*.firebaseio.com"/>
  <allow-intent href="auth.firebase.com"/>

----------------------------- edit -------------------- ---------

为了解决我的所有问题,我使用了这3个标签

content="default-src * data: cdvfile: gap:; 
      style-src 'self'  'unsafe-inline';
      img-src 'self' 'unsafe-inline';
      script-src 'self' https://lorem.firebaseio.com/* 
                        https://cdn.firebase.com
                        https://*.firebaseio.com
                        'unsafe-eval'">

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

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

可能是什么原因造成的？

当我试图建立项目时

 ionic build android

或者特别添加此插件

$ ionic plugin add cordova-plugin-screen-orientation

用许可证返回此问题

$ ionic plugin add cordova-plugin-screen-orientation
WARN: ionic.project has been renamed to ionic.config.json, please rename it.
Fetching plugin "cordova-plugin-screen-orientation" via npm


Installing "cordova-plugin-screen-orientation" for android


ANDROID_HOME=/xxx/Android SDK/adt-bundle-mac-x86_64-20140702/sdk

JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_45.jdk/Contents/Home

Subproject Path: CordovaLib

Incremental java compilation is an incubating feature.



FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring root project 'android'.
> You have not accepted the license agreements of the following SDK components:
  [Google Repository, …

我正在尝试将视频上传到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 …

我对以下代码的期望是它会绑定$ scope.as.但没有任何显示,控制台中没有显示错误

var testModule = angular.module('testmodule', [])
.controller('ctrl', function ($scope, mser) {
  mser.aa();
 })
.service('mser', function($scope /* Would $scope be here */) {
  this.aa = function(){
  $scope.as = "hello mars"
 }});