标签: ionic2

Ionic2 + Angular2 - 带有离子图标星的动态速率值

我正在尝试构建一个从 0 到 5 星(及其中间值,如 x.5 [example 4.5] )的简单动态速率,该速率从 javascript 接收值。

我用 *ngFor 寻找了一些东西,但我不明白它是如何工作的。有人可以解释/帮助我吗?

如果有帮助,对于离子,我们有 3 种类型的星星可用:

<ion-icon name="star"></ion-icon>
<ion-icon name="star-half"></ion-icon>
<ion-icon name="star-outline"></ion-icon>
Run Code Online (Sandbox Code Playgroud)

例如,如果我从服务器收到一个值率 = 3.5,它会呈现:

<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star-half"></ion-icon>
<ion-icon name="star-outline"></ion-icon>
Run Code Online (Sandbox Code Playgroud)

我正在使用 javascript,没有打字稿。

非常感谢 :)

ps不确定这个标题是否更好,欢迎任何建议:)

javascript rate ionic2 ngfor angular

3
推荐指数
1
解决办法
2108
查看次数

如何从离子应用程序中删除启动画面

直接启动应用程序,没有飞溅和白屏。
我正在开发一个离子应用程序,我需要在加载应用程序之前删除应用程序启动时显示的启动画面。

我不想要任何闪屏,需要删除完整的闪屏
不知道该怎么做。让我展示我的应用程序的机器设置 -

Your system information:

Cordova CLI: 6.2.0
Ionic Framework Version: 2.0.0-beta.10
Ionic CLI Version: 2.0.0-beta.32
Ionic App Lib Version: 2.0.0-beta.18
ios-deploy version: Not installed
ios-sim version: 5.0.8 
OS: Mac OS X Yosemite
Node Version: v6.2.2
Xcode version: Xcode 7.2 Build version 7C68 


******************************************************
Run Code Online (Sandbox Code Playgroud)

我什至用过这个

<preference name="ShowSplashScreenSpinner" value="false" />   
Run Code Online (Sandbox Code Playgroud)

但这对我不起作用。

cordova ionic-framework ionic2 angular

3
推荐指数
1
解决办法
1万
查看次数

ionic 2 如何自定义离子范围?

在离子 2 中,我想将离子范围自定义为如下图所示,或者我应该说:有没有办法自定义离子范围?: 在此处输入图片说明

这是我的代码

    <ion-row>
      <ion-item>
         <ion-range min="500" max="1500" step="500" snaps="true" color="secondary"></ion-range>
      </ion-item>
    </ion-row>
Run Code Online (Sandbox Code Playgroud)

这是我的范围

在此处输入图片说明

css range ionic-framework ionic2

3
推荐指数
1
解决办法
5461
查看次数

找不到 TypeScript 棘手的模块错误

我正在使用ionic 1并认为改用 TypeScript 可能是个好主意。然后我当然想使用这些ionic-native功能。

  • 我试过了: import {Calendar} from 'ionic-native';
  • 但我得到了:[ts] Cannot find module 'ionic-native'。

所以去阅读文档TypeScript 如何解析模块。Docs 说它试图在以下路径中定位模块:

1. /root/node_modules/moduleB.ts
2. /root/node_modules/moduleB.tsx
3. /root/node_modules/moduleB.d.ts
4. /root/node_modules/moduleB/package.json (if it specifies a "typings" property)
5. /root/node_modules/moduleB/index.ts
6. /root/node_modules/moduleB/index.tsx
7. /root/node_modules/moduleB/index.d.ts 
Run Code Online (Sandbox Code Playgroud)

所以我查看了我的 node_folders 并查看是否有一条路径匹配:

node_modules
- ionic-native
-- dist
-- package.json
Run Code Online (Sandbox Code Playgroud)

所以我认为数字 4. 应该匹配,因为 package.json 包含:

"typings": "dist/es5/index.d.ts
Run Code Online (Sandbox Code Playgroud)

但它不起作用。

如果我改为:

import {Calendar} from '../../../node_modules/ionic-native/dist/es5/index';
Run Code Online (Sandbox Code Playgroud)

它有效,但我不想在所有文件中都这样做,这太复杂了:/


因为我想继续前进,所以我在 TypeScript 文档中搜索了另一种方式。我也可以读到你可以paths property for modules输入tsconfig.json

但有趣的是,如果我输入正确的 json,它就不起作用: …

import typescript ionic2 typescript2.0

3
推荐指数
1
解决办法
9326
查看次数

SQLite vs LocalStorage with Ionic/Firebase

我正在用 Ionic 2 编写一个聊天应用程序。我想在手机上本地保存一些消息。

我使用 Firebase 作为消息传递系统。它以 JSON 表示法存储消息。当我阅读一条消息时,我想将其存储在本地并从 Firebase 中删除

我应该使用 SQLite 还是本地存储?

我通常会说 SQLite bexcuse 它更可靠,但是因为 Firebase 使用 JSON,我应该将本地消息作为 JSON 存储在本地存储中吗?

任何建议表示赞赏。

ionic2

3
推荐指数
1
解决办法
1784
查看次数

在 ionic2/angular2 项目中的 *ngFor 循环中渲染 html 内容

在 ionic2 项目中,我需要在 *ngFor 循环中的标签内呈现一些 html 内容。

这是我的模板:

<ion-content padding>
<ion-list>
    <ion-item *ngFor="let post of posts">
        <ion-thumbnail item-left>
            <lazy-img src="{{post.thumbnail}}"></lazy-img>
        </ion-thumbnail>
        <h2>{{post.title}}</h2>
        <p>{{post.content}}</p>
        <button ion-button clear item-right (click)="viewPage(post)">View</button>
    </ion-item>
</ion-list>
Run Code Online (Sandbox Code Playgroud)

在post.content我有一些 html 标签。我怎样才能正确渲染它?

html javascript ionic2 ngfor angular

3
推荐指数
1
解决办法
2022
查看次数

离子 CLI 构建错误

过去我已经能够成功地使用 Ionic CLI 来构建我的 iOS 包,但是我有一系列无法​​摆脱的错误。存档成功了,但我仍然遇到一些问题。

1)即使我正在使用该ionic build ios命令,它也会创建一个存档包而不是构建包。

2) 我收到了一些 IDEDistribution 错误:

** ARCHIVE SUCCEEDED **

Non-system Ruby in use. This may cause packaging to fail.
If you use RVM, please run `rvm use system`.
If you use chruby, please run `chruby system`.

2017-03-15 10:00:54.132 xcodebuild[11254:474630] [MT] IDEDistribution: -[IDEDistributionLogging _createLoggingBundleAtPath:]: Created bundle at path '/var/folders/v9/dqmqkj455rjbmq4n9gg4dc4m0000gn/T/ExampleSQLite_2017-03-15_10-00-54.131.xcdistributionlogs'.

1.2.840.113635.100.1.61

Exported ExampleSQLite.xcarchive to: /Applications/XAMPP/xamppfiles/htdocs/dev/_ionic/ExampleSQLite/platforms/ios/build/device

** EXPORT SUCCEEDED **
Run Code Online (Sandbox Code Playgroud)

即使在我运行rvm use system命令后也会发生此错误。

存档设置是否在 XCode 设置中?如果我尝试ionic build android正确构建(意味着它没有存档,我会收到一条BUILD …

xcode ios ionic2 ionic-cli

3
推荐指数
1
解决办法
2312
查看次数

尝试更改 Ionic 应用程序状态栏文本颜色

似乎有多个线程在讨论这个问题,但没有任何真正的解决方案。我希望这会是简单的事情。基本上,我想要做的就是更改状态栏文本颜色,因为我的标题/导航栏/状态栏是深蓝色。默认文本颜色为黑色,我只想将其更改为白色,就这么简单。

我在哪里进行这些更改?我已经安装了状态栏插件,我的配置文件在下面(在某些线程中没有建议任何更改)。

<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="android-minSdkVersion" value="16" />
<preference name="BackupWebStorage" value="none" />
<preference name="StatusBarStyle" value="default" />
<preference name="SplashScreen" value="screen" />
<preference name="orientation" value="portrait" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
<preference name="SplashScreenDelay" value="3000" />
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?

android ios angularjs ionic-framework ionic2

3
推荐指数
2
解决办法
8842
查看次数

“Npm ls”显示依赖关系损坏。怎么解决?

我想从你那里得到一点帮助来解决这个让我发疯的问题(也许这是一种强迫症¯ \ _ (?) _ / ¯ )

我有一个包含 Nodejs + Angular + Ionic 的项目,在您自己的文件夹中使用“node ls”命令检查时似乎存在依赖性问题,我看到“未满足的对等依赖性”。

在“npm install”中只显示警告,但在“npm ls”中显示“unmet peer dependency”。有什么关系?我该怎么做才能解决它?

我已经更新了nodejs 7.8.0,我已经用“npm install”重新安装了项目文件夹中的依赖项,但仍然没有解决。

显示错误的命令输出“npm ls”...

npm ls 输出图像

谢谢你们

node.js ionic-framework npm-install ionic2 angular

3
推荐指数
1
解决办法
1643
查看次数

离子存储和本机存储之间的区别?

我实际上正在使用离子存储。我听说过Ionic Native Storage,但我不知道它们之间的确切区别。

  • 首选使用哪一个?
  • 哪个是最佳选择?

谢谢!,

local-storage ionic-framework ionic2 ionic3

3
推荐指数
3
解决办法
4785
查看次数