标签: ionic2

给定一个名为TS模块的TypeScript类,在文件CoolApps.Utilities.ts中:

    module CoolApps {
        export class Utilities {
            myMethod(){
               alert("something awesome");
            }
        }
    }

该类在普通的TypeScript应用程序中工作,但我试图在Angular 2中找到引用此类的正确方法.如何在Angular 2应用程序中使用它(在案例中为Ionic 2)？到目前为止,以下内容无法解决,因此我可能会出现错误的语法错误:

import {Page} from 'ionic-framework/ionic';
import {Utilities} from '../../core/CoolApps.Utilities';

使用像这样的引用将允许编辑器将代码视为有效,但Angular无法解析它(也许导入仅适用于Angular特定模块？):

///<reference path="../../core/mapping/OCM.Mapping.ts"/>

我正在尝试启动一个离子2空白项目,但它总是创建一个离子1项目.我就是做这个的:

npm install -g ionic@beta
ionic start Test --v2

但是当我打开项目时,它仍然是版本1.我试图用以下方法完全去除离子:

sudo npm uninstall -g ionic
sudo npm uninstall -g ionic@beta
sudo npm uninstall -g cordova

但在那之后,当我键入"离子"时,它表明我有离子v1.7.14.(做了好几次,没有任何错误).

从离子1过渡到离子2,并且很好奇如何import * as Firebase from 'somewhere/foo/';使用他们的打字稿示例设置像firebase这样的东西.

1. bower是在离子2中安装js依赖项的标准方法,还是应该使用其他一些构建链/工具来添加像Firebase这样的东西？

2. 我应该使用bower install来安装firebase库还是应该直接指向firebase cdn脚本源？

3. 我应该使用typings来安装firebase打字稿定义吗？

这是firebase教程中的旧代码https://www.firebase.com/docs/web/libraries/ionic/guide.html

的index.html

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

app.js

angular.module("starter", ["ionic", "firebase"])

其中只包含对Firebase库的cdn引用.我们如何在离子2和打字稿中做到这一点

在我的Ionic 2应用程序中,我有一个消耗服务的组件,该服务使http GET获取一些数据.然后我的组件调用此服务,当数据可用时,它会设置并显示它.

它看起来如下:

export class FarmList implements OnInit {

  items: Object;


  constructor(public testService: TestService, public nav: NavController){
  }

  ngOnInit(){

    this.getData()
  }

  getData(){

    let loading = Loading.create({
      content: 'Please wait..',
      spinner: 'crescent'
    })

    this.nav.present(loading)

    this.testService.fetchData().then(data => this.items = data)

  }
...

}

当我的组件以异步方式获取数据时,我正在尝试loader旋转,一旦数据可用,我希望它loader消失.

但是,使用我当前的代码,即使数据可用并显示,微调器也会继续旋转,如屏幕截图所示:

getData()是进行服务调用的方法. 我怎样才能解决这个问题？这是实现加载器的正确方法吗？

我是离子2的新手,我创建项目并需要jquery插件链接colorbox,slick-carousel ...

我在终端上运行命令

npm install jquery slick-carousel
typings install jquery --ambient --save
typings install slick-carousel --ambient --save

我导入了JQuery:

import * as JQuery from 'jquery';
import * as slick from 'slick-carousel';

那么离子误差是: Can not find module 'slick-carousel'.

请帮我解决这个问题,或准备好示例,以便我参考.

谢谢大家!

我刚刚开始搞乱Ng2,现在我正在开发一个带有ionic2的应用程序.我是第一次进入动画部分,我遇到了一些问题.

我有一个基本上重复不同宽度的ng.数组中的每个元素都有自己的div的宽度值,该值是通过组件的onInit方法计算出来的.在动画之前,我通过绑定宽度[style.width]="expresson".文档说您可以使用'*'定义动画结束状态样式,这意味着它将从计算的样式中获得正确的值,但是当我以编程方式自己设置宽度时,这不起作用.

所以,问题是,我如何告诉动画在我改变宽度时触发,或动态设置结束状态的值？谢谢!

编辑:这是一个有例子的傻瓜.我将动画设置后的最终宽度设置为50%,但是我遇到的问题是将最终宽度设置为组件数组中定义的值.只需删除html中的@animation即可查看我想要的最终结果.

我有这个问题...我的颜色现在是白色的,我的代码是这样的:

<ion-header >
  <ion-navbar>
    <ion-title>
      HELLO
    </ion-title>
  </ion-navbar>
</ion-header>

使用此选项更改颜色很容易(主要,次要,危险,光线,黑暗)

<ion-header >
      <ion-navbar danger>
        <ion-title>
          HELLO
        </ion-title>
      </ion-navbar>
 </ion-header>

但我的问题是当我想使用自定义颜色时.有人知道如何解决它？提前致谢.

最好的祝福.

我正在使用Ionic 2.

尝试设置推送通知时,我收到此Typescrpt 错误.我已从教程中复制了此示例代码,因此可以预期它可以正常工作.我一定有错.任何想法请:

Unhandled Promise rejection: push.on is not a function ; Zone: angular ; Task: Promise.then ; Value:
TypeError: push.on is not a function


push.on('registration', function (data) {

Run Code Online (Sandbox Code Playgroud)

打字稿

import { Push } from 'ionic-native';

..

  pushNotifications(): void {

    var push = Push.init({
      android: {
        vibrate: true,
        sound: true,
        senderID: "xxxxxxxxxxxxxxxxxxx"
      },
      ios: {
        alert: "true",
        badge: true,
        sound: 'false'
      },
      windows: {}
    });

    push.on('registration', (data) => {
      console.log(data.registrationId);
      alert(data.registrationId.toString());
    });
    push.on('notification', (data) => {
      console.log(data);
      alert("Hi, …

我使用Ionic 2,Angular 2和TypeScript构建了一个离子项目来测试框架.我需要在我的项目中包含一个外部库(ntc.js),因为我需要它来命名十六进制颜色.

我知道包含一个Javascript库到TypeScript应该工作,因为JS中的任何工作都适用于TS.我只是不想以错误的方式包含它.

我试图将库添加到www/build/js,但它似乎不起作用,它似乎不是这样做的好方法.我试图寻找方法来做到这一点,但没有发现任何东西(可能是因为Angular 2和Ionic 2仍然是新鲜的).

像 :

import * as ntc from '../../js/ntc';

即使我的图书馆位于正确的地方,似乎也没有效果.TypeScript似乎没有正确读取我的文件,如果它完全读取它.

这样做的好方法是什么？我应该将我的.js文件放在我的项目目录中？

我在我的离子应用程序中使用facebook评论插件,并在index.html中使用下面的代码片段

<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src =   "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11&appId='My_fbApp_Id'";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

最后一个HTML代码显示评论框.

<div class="fb-comments" data-mobile="true" data-width="100%" page-href="https://facebook.com/" data-numposts="15"></div>

这与铬工作正常,但当我构建APK文件并尝试在一秒钟内运行应用评论框隐形请解决我的问题