标签: ionic2

大家好我想添加"滚动到顶部按钮".实现以下内容:

1.当用户向下滚动时显示按钮.2.当用户向上滚动时隐藏按钮.3.如果点击按钮,则滚动到顶部并隐藏按钮.有关如何正确的方式的任何建议？

非常感谢

我正在研究离子应用程序.我的问题是:当我尝试从服务器获取数据时我得到了这个:

XMLHttpRequest无法加载https://mywebsite.com/api.请求的资源上不存在"Access-Control-Allow-Origin"标头.原产地" :HTTP //本地主机,因此"是不允许访问.

我已经尝试将其添加到.htaccess:Header set Access-Control-Allow-Origin:*

这到我的api页面(PHP):header('Access-Control-Allow-Origin:*');

但仍然没有工作

$ http.get(url).success(function(response){...}

我需要在我的离子2应用程序中包含fullcalendar和chart.js.(离子2 RC.3)我用npm来安装相关模块,脚本在我的node_modules文件夹中.
如何正确地将node_modules文件夹中的scripts/css包含到我的应用程序中？

我试过的事情:

• 手动将相关的js/css文件复制到www文件夹中,并使用index.html中的normal <script>和<link>elements 引用它们.(我主要是这个工作,但看起来非常笨重)
• 在我的app.module.ts和/或我的自定义component.ts文件中导入它们import 'chart.js/dist/Chart.bundle.min.js'; (例如 (这种工作,但我得到的错误,底层脚本找不到jQuery,所以我仍然需要在jQuery中包含jQuery) index.html手动如上)

当然有更好的方法吗？

关于ionic2和Angular2的博客和评论给我留下了深刻的印象,我开始在离子2中编写一个应用程序,并发现ionic2滚动性能不适合iOS和Android的大量记录.

1. 我在大多数列表项中的图像之间有一个很大的项目列表
2. 滚动性能适用于10到20个项目,但它涉及30多个项目时非常慢
3. 经过大量搜索后发现虚拟滚动离子并使用它然后性能略有改善,最多50项,但在65项以上后再次减速

我在iOS中尝试过WKWebview,在性能方面有一些改进,但是对于大型列表,屏幕常常变为黑色,所以我放弃了这个想法.由于应用程序的大小增加,我不想使用人行横道,所以从未尝试过.

任何人都可以帮助建议任何解决方法来解决此问题或任何纯JavaScript框架解决方案,以显示没有任何问题的大型列表？适用于Android和ios.

我想展示第二个幻灯片项目的一部分,但不知道该怎么做.这是我到目前为止(基本的离子幻灯片):

<ion-slides pager >
            <ion-slide>
              <h2>Slide 1</h2>
            </ion-slide>

            <ion-slide>
              <h2>Slide 2</h2>
            </ion-slide>

            <ion-slide>
              <h2>Slide 3</h2>
            </ion-slide>
</ion-slides>

这就是我想要的方式:

我试图将离子滑片的宽度改为小于100%,但是第二张和第三张幻灯片只是从屏幕左侧进一步向左移动.

谁能帮我 ？

在Ionic2文档中有相当不错的输入示例,但是有人尝试使用输入和标签左侧的图标创建普通标签(不浮动等)？

我以为它可能会这样:

<ion-item>
        <ion-icon name="logo-playstation"></ion-icon>
        <ion-label>PSN</ion-label>
        <ion-input clearInput type="text"></ion-input>
</ion-item>

但Icon并不适合.我应该使用a <div>或者你会怎么做？

如何计算Leaflet-ionic2中两个标记之间的距离？

不知道，我希望有一个Algorithme可以在我选择一个标记时立即执行，它会向我显示我的位置和标记之间的距离。

谢谢..

我知道如何操作对象数组,但从来没有必要将一个数组数据推送到另一个数组.我需要将一个对象数组推入另一个只有2个对象字段的数组中.现在我的对象格式有点像这样

data: [{
        "name": "Btech",
        "courseid": "1",
        "courserating": 5,
        "points": "100",
        "type": "computers"
    },
   {
        "name": "BCom",
        "courseid": "2",
        "courserating": 5,
        "points": "100",
        "type": "computers"
    }];

我想把它推入另一个数组,但我只想在对象中使用courseid和name.我已经读过我们需要在构造函数中初始化对象,使用slice()和其他一些函数然后推送但是我不知道我怎么能为我做这个因为我需要将一个数组数据推送到另一个在这方面,有人帮助我.

我有一个我已经构建的离子应用程序(当前版本),它现在在我的本地开发服务器上运行就好了.我需要添加Strip Payment集成,因此我包含了cordova-stripe-plugin(https://github.com/zyra/cordova-plugin-stripe#module_stripe).我无法测试,因为离子服务不包括cordova.js等.我看起来高低,无法找到任何权威 信息或如何为移动浏览器/网络/ PWA运行/构建此应用程序的指南.有相互矛盾的信息.你能澄清并提供命令行来运行构建/运行和我可以部署到我的网络服务器的Ionic应用程序.另外,测试怎么样？我每次需要进行更改时都需要重建,还是可以使用某种实时重新加载？谢谢你的帮助.

我在我的离子应用程序中使用了Ionic datetime组件

    <ion-datetime 
        displayFormat="YYYY/MM/DD" 
        pickerFormat="YYYY MMMM DD" [(ngModel)]="summaryDate" 
       (ionChange)="getDashboardItemsByDate()">
   </ion-datetime>

并在.ts file我将默认日期设置为当前日期

 public summaryDate: any = new Date().toISOString();

这工作得非常好,但是我遇到的问题是,它ionChange在开始时调用事件(因为我已经为此组件设置了默认值).当我设置其默认值时,当用户选择不在开头的日期时,我只想触发此事件.有帮助吗？