小编seb*_*ras的帖子

在Angular 2中调用click事件上的函数

如何在组件(typescript)中声明一个函数并在Angular 2中的click事件中调用它?以下是Angular 1中相同功能的代码,我需要Angular 2代码:

<button ng-click="myFunc()"></button>
Run Code Online (Sandbox Code Playgroud)

//控制器

app.controller('myCtrl', ['$scope', function($cope) {
    $scope.myFunc= {
        console.log("function called");
    };
}]);
Run Code Online (Sandbox Code Playgroud)

javascript typescript angular

70
推荐指数
4
解决办法
29万
查看次数

Ionic 3 Component vs Page

你能告诉我应用程序ComponentPage生成器之间有什么区别Ionic 3吗?看来我也可以ionViewWillLeave在组件内部使用页面生命周期钩子.所以我何时应该使用角度生命周期钩子呢?如果它是相同的那么为什么它有2个发电机?希望你能为此提供反馈.

组件生成器:

 ionic generate component SubscribeTopicComponent
Run Code Online (Sandbox Code Playgroud)

页面生成器:

ionic generate page LoginPage
Run Code Online (Sandbox Code Playgroud)

typescript ionic-framework ionic2 ionic3 angular

46
推荐指数
2
解决办法
2万
查看次数

在Ionic 2中使用图像资产的正确方法

Ionic 2中图像资产的最佳实践是什么?我有一堆SVG我想用作非系统图标.我发现了一些关于使用Gulp的旧技巧,但似乎Ionic团队决定将Rollup作为首选的构建工具,目前还没有关于此的文档.

有人告诉我只是添加它们www/img.有任何缺点吗?

ionic-framework ionic2 ionic3 angular

41
推荐指数
2
解决办法
7万
查看次数

如何使用Type Script获取Ionic 2中的设备宽度和高度?

我试图使用打字稿获取离子2中的设备宽度和高度.

在以前版本的离子2我用过,

window.screen.width
window.screen.height
Run Code Online (Sandbox Code Playgroud)

但在较新版本中,这不起作用.

如何使用Type Script + ionic 2?

typescript ionic-framework ionic2 ionic3 angular

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

如何使用Ionic 2的角度2服务?

我是Ionic 2的新手.我在有角度的2文档中读到,需要在引导应用程序时注入服务.但是在通过Ionic 2教程时看不到任何引导的东西.

任何帮助都非常感谢.

typescript ionic-framework ionic2 ionic3 angular

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

离子 - 错误:找不到模块'android-versions'

当试着跑

ionic run android --device
Run Code Online (Sandbox Code Playgroud)

我收到模块错误:

Error: Cannot find module 'android-versions'
Run Code Online (Sandbox Code Playgroud)

版本:

java -version 
  java version "1.8.0_144"
Android studio Version 2.3.3
ionic -v
2.2.1
cordova -v
6.5.0
Run Code Online (Sandbox Code Playgroud)

android cordova ionic-framework ionic2 ionic3

31
推荐指数
2
解决办法
2万
查看次数

Ionic 2 - 应用程序的全局NavBar

在Ionic 1中,我们可以定义一个<ion-nav-bar>上面的a <ion-nav-view>,它作为整个应用程序的通用导航栏,我们可以在每个视图的基础上关闭它(使用ionNavView's hideNavBar=true|false.

它出现在Ionic 2中我们必须插入<ion-nav-bar>每页 - 并且不能为整个应用程序提供全局导航栏.这是正确的,还是我错过了一招?

如果是这样 - 似乎有很多重复的代码?

此外,看起来你没有能力让NavBar构建自己的后退按钮,你必须自己为后退按钮编写自己的标记(每页),这似乎是很多代码重复.

typescript ionic-framework ionic2 ionic3 angular

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

属性绑定ngForIn未被嵌入式模板上的任何指令使用 - Ionic 2

试着*ngFor像这样在html中运行.但是,这个错误出现了.

Property binding ngForIn not used by any directive on an embedded template
Run Code Online (Sandbox Code Playgroud)

这是html代码:

<ion-card *ngFor="#media in medias">
Run Code Online (Sandbox Code Playgroud)

我在之前的项目中也发生了这种情况,仍在弄清楚它.有线索吗?

仍然是Ionic2和Angular2的新手.

ionic2 angular

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

在Ionic v3中呈现HTML内容

view.html

<div>{{text}}</div>

问题是"文本"包含我希望显示的HTML,但它只显示HTML标记和文本.

我该怎么做才能呈现这样的内容?

我已经尝试过早期版本(Ionic 1/2)解决方案,似乎没有任何东西可以与Ionic v3一起使用.

typescript ionic2 ionic3 angular ionic4

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

禁用滑动以查看sidemenu ionic 2

我正在使用sidemenu ionic 2.当我从左向右滑动此页面时,侧面菜单滑出我需要在特定页面中禁用侧面菜单.

app.html

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

<ion-nav id="nav" [root]="rootPage" #content swipeBackEnabled="true"></ion-nav>
Run Code Online (Sandbox Code Playgroud)

page.html我在此页面中禁用了swipemenu,仅在我滑动时禁用

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
@Component({
  templateUrl: 'build/pages/portrait/portrait.html'
})
export class Portrait {
}
Run Code Online (Sandbox Code Playgroud)

page.html中

<ion-navbar persianred *navbar>
  <button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title>
   Portrait
  </ion-title>
</ion-navbar>
Run Code Online (Sandbox Code Playgroud)

typescript ionic-framework ionic2 ionic3 angular

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