小编Swa*_*twa的帖子

Stencil与React和Angular有何不同?

我熟悉Angular并了解React的基础知识.我正在探索模板文档,我发现模板组件有@Component装饰器和render()功能 -

component.tsx

import { Component, Prop } from '@stencil/core';

@Component({
    tag: 'my-first-component',
    styleUrl: 'my-first-component.scss'
})
export class MyComponent {
    // Indicate that name should be a public property on the component
    @Prop() firstName: string;

    render() {
        return (
            <p>
            My name is {this.firstName}
            </p>
        );
    }
} 
Run Code Online (Sandbox Code Playgroud)

帮助我理解它与角度和反应有何不同以及它是如何工作的?

reactjs ionic-framework stenciljs stencil-component stencil-compiler

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

Angular 2 Ionic 2 - 如何将日期输入的最大或最小日期设置为今天?

 <input class="alert-input date-input" #dob="ngModel" name="dob" max="2018-03-07" [(ngModel)]="leadDetail.dob" type="date"></div>
Run Code Online (Sandbox Code Playgroud)

如何动态设置今天的最大日期而不是2018-03-07?

我试过以下方法 -

 <input  max="today" type="date"></div>
 <input  max="{{today | date:'yyyy-mm-dd'}}" type="date"></div>
Run Code Online (Sandbox Code Playgroud)

课程 -

public today = new Date();
Run Code Online (Sandbox Code Playgroud)

但没有运气.

javascript typescript ionic2 angular

6
推荐指数
1
解决办法
8094
查看次数

离子cordova插件突然没有安装

突然,当我从 Xcode 构建和运行我的 Ionic 3 应用程序时,我收到了这样的错误,对于所有的cordova 插件:

WARN: Native: tried calling StatusBar.styleDefault, but the StatusBar plugin is not installed.
WARN: Install the StatusBar plugin: 'ionic plugin add cordova-plugin-statusbar'
Run Code Online (Sandbox Code Playgroud)

到目前为止它工作正常,我不明白为什么现在会发生这种情况以及如何补救(重新安装除外)。

即使它们在 package.json 和 config.xml 中都很好地列出。

cordova ionic-framework cordova-plugins ionic2 ionic3

6
推荐指数
0
解决办法
2457
查看次数

密钥工具:找不到命令

当我执行以下命令时,我正在尝试生成一个应用程序以放入 Play 商店:

Keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
Run Code Online (Sandbox Code Playgroud)

此消息出现keytool:命令未找到

有没有人遇到过这个问题?

angularjs ionic-framework

5
推荐指数
1
解决办法
7660
查看次数

如何在离子3中自定义"BarcodeScanner"

我在离子3中存在离子BarcodeScanner库中定制(QR码扫描屏幕)设计的问题.我需要帮助自定义此屏幕,添加页眉,页脚和按钮.在附件中,有一个用于设计的屏幕截图和用于离子的QR码扫描的屏幕截图.

感谢你的帮助.

QR码扫描屏幕和我想要使用的设计

ionic-framework cordova-plugins ionic-native ionic3

5
推荐指数
1
解决办法
3450
查看次数

离子3 - 我想要一个不是全尺寸的模态屏幕

我需要一个没有完整尺寸(80%宽度,<60%高度,居中)的模态页面来选择一些项目,如警报控件.如何为这种情况实现CSS?

css-position modalviewcontroller ionic-framework ionic3

4
推荐指数
1
解决办法
3525
查看次数

将Angular 4 Web应用程序转换为Angular Universal应用程序

我需要将Angular 4 Web应用程序转换为Angular Universal.原因是目前,Web应用程序无法被Google(以及Facebook社交预览缩略图)正确编入索引,因为它是单页应用程序并在客户端.所以现在我需要实现Angular Universal,服务器端渲染.

我了解了如何使用这个精彩的视频系列创建一个新的Angular Universal应用程序.

问题:您能否告诉我我必须遵循将现有应用转换为Angular Universal的方向.可能是一个不错的URL或步骤或任何方向将受到高度赞赏.

注意:这里角度版本不是问题.2或者是.或者4.

server-side-rendering angular-universal angular

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

离子3:在登录页面上隐藏离子页脚

我克隆了侧面菜单startproject并在我的app.html上有这个结构:

<ion-menu [content]="content">
  <ion-header>
    <ion-toolbar>
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-list>
      <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
        {{p.title}}
      </button>
    </ion-list>
  </ion-content>

</ion-menu>

<ion-footer>
  <ion-toolbar>
        MYFOOTER
  </ion-toolbar>
</ion-footer>

<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
Run Code Online (Sandbox Code Playgroud)

我希望能够在登录页面上隐藏页脚,我尝试了以下两件事:

  1. 我在登录控制器上创建了一个变量但是离子页脚离子内容之外,因此我无法访问此变量(即使使用点表示法)

  2. 我创建了一个带有全局变量的外部服务,并试图从页脚访问它,但我无法做到


1.尝试访问LoginController的变量

login.ts

...imports...

export class LoginPage {

    public login_data : any = {footerIsHidden: true}; 

    ...constructor & other stuff...
}
Run Code Online (Sandbox Code Playgroud)

app.html

... 
<ion-footer *ngIf="!login_data.footerIsHidden" …
Run Code Online (Sandbox Code Playgroud)

ionic-framework ionic3 angular

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

Ionic 3 Native - LinkedIn登录错误

我在Ionic 3应用程序中使用了离子本机linkedin插件.

我的代码:

var scopes = ['r_basicprofile', 'r_emailaddress', 'rw_company_admin', 'w_share'];
this.linkedin.login(scopes, true).then((res) => {
    console.log(res) ;
}, (err) => {
    console.log(err) ;
});
Run Code Online (Sandbox Code Playgroud)

我有错误:

'string []'类型的参数不能分配给'LinkedInLoginScopes []'类型的参数.类型'string'不能分配给'LinkedInLoginScopes'类型.

请帮帮我.

ionic-framework ionic2 ionic-native ionic3

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