小编nyl*_*uje的帖子

在Typescript中访问SASS值(来自variables.scss的$ colors)(Angular2 ionic2)

在Ionic 2中,我想$colors从文件"[my project]\src\theme\variables.scss"中访问变量.

该文件包含:

$colors: (
  primary:    #387ef5,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  favorite:   #69BB7B
);
Run Code Online (Sandbox Code Playgroud)

在一个组件中,我画一个画布.它看起来像这样:

import {Component, Input, ViewChild, ElementRef} from '@angular/core';

@Component({
    selector: 'my-graph',
})
@View({
    template: `<canvas #myGraph class='myGraph'
     [attr.width]='_size'
     [attr.height]='_size'></canvas>`,
})

export class MyGraphDiagram {
    private _size: number;

    // get the element with the #myGraph on it
    @ViewChild("myGraph") myGraph: ElementRef; 

    constructor(){
        this._size = 150;
    }

    ngAfterViewInit() { // wait for the view to init before using the element

      let context: …
Run Code Online (Sandbox Code Playgroud)

sass typescript ionic2 angular

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

Ionic 2如何使用Cordova事件暂停恢复

我很惊讶没有找到任何已经在该主题上创建的线程.

在Ionic 2中,NavController中存在页面的生命周期:ionView[didLoad|didLeave|...]

还有Cordova事件应该像这样调用: document.addEventListener("pause", onPause, false);

我处于一种我希望得到科尔多瓦事件的情况.页面的离子生命周期是不合适的,因为当设备进入onResume任何页面显示的状态时,我想要做的事情需要发生.

我还没有尝试过,因为我希望在此之前找到一个良好的领导继续前进,但我感觉document无法从Angular2,Ionic2访问,我可能将不得不添加服务要访问window它,这里解释.

或者document.addEventListener(...)在Ionic 2中有没有其他已知的方法可以访问?

cordova ionic2 angular

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

检查是否以"离子服务"运行以在程序中使用条件

有没有办法在程序中检测ionic serveCLI正在运行(然后不在真实设备上)并将其用作条件.

我的问题:我有一个Cordova插件,可以回复Cordova的答案.

当我使用Ripple时,它提供选择将回调的值发送回JavaScript(以模拟插件结果).

我注意到Ionic2在浏览器中运行时没有这样做.因此,为了简化我的开发并使其能够在浏览器上进行测试(而不是经常构建到真实设备),我希望能够在ionic serveCLI运行时检入程序.换句话说:检查它是在真实设备还是常规浏览器上运行.

如果它在浏览器上运行,那么我会使用提示要求用户输入Cordova插件结果的虚拟值,而不是真正的Cordova插件.

typescript ionic-framework ionic2 ionic3 angular

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

angular2: ElementRef 获取 CSS 填充属性

我正在ElementRefAngular2 (Ionic2) 中探索对象,但我无法控制 .css 文件的paddingCSS 属性ElementRef。

对于以下问题,我不会提供我的文件的详细信息:[我的项目]\src\app\app.component.ts 和 [我的项目]\src\app\app.module.ts。请假设这些工作正常。

我在 [my project]\src\pages\my-component\my-component.ts 下的一个组件中有此代码:

import { Component,  ContentChild, ViewChild, ElementRef } from '@angular/core';
import { NavController, Card, CardContent } from 'ionic-angular';

@Component({
    selector:'my-component',
    templateUrl: 'my-component.html'
})
export class MyComponentPage {
    // @ContentChild("ionCard") ionCard:Card;
    // @ContentChild("ionCardContent") ionCardContent:CardContent;
    @ViewChild("ionCard") ionCard:ElementRef;
    @ViewChild("ionCardContent") ionCardContent:ElementRef;
    constructor(public navCtrl:NavController){

    }
    ionViewWillEnter(){
        console.log("ionCard: ", ionCard);
        console.log("ionCardContent: ", ionCardContent);

    }
}
Run Code Online (Sandbox Code Playgroud)

然后在 [我的项目]\src\pages\my-component\my-component.html 中的这个 html 模板,我有:

<ion-header>
...
</ion-header>
<ion-content >
  <ion-card #ionCard>
    <ion-card-content …
Run Code Online (Sandbox Code Playgroud)

css ionic2 angular

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

徽章大小:GOOGLE PLAY STORE和APPLE APP STORE保证金:增加APPLE徽章的保证金以匹配大小

这个问题与此相关。

评论之一建议在APP STORE BADGE图片周围添加一个边距,以匹配默认情况下包含边距的GOOGLE PLAY STORE BADGE。

尝试了一段时间以操纵GOOGLE PLAY STORE BADGE在其上裁切边距后(例如在此示例中)。哪种工作,但无法裁剪图像的正确边缘。

所以加入margin-top,margin-bottom,margin-right,margin-left在APP Store标志的大小比例似乎更可靠。

我的问题是我们应该在CSS类中使用哪些值:

.margin-apple-badge {
  margin: X %
}
Run Code Online (Sandbox Code Playgroud)

html css app-store google-play

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

Symfony 3.0迁移PHP 5.5到PHP 7.1:"应该安装PHP加速器>安装和/或启用PHP加速器(强烈推荐)"?

我想在SYMFONY 3.0项目中将PHP5.5升级到7.1.

我一直在检查"php.ini"文件以获得正确的结果.

最后一件事是未解决的:在PHP5.5下,我使用了扩展加速器php_apcu.dll.这不是在PHP7中维护的.

我一直在寻找替代方案,我在这里读到PHP7中不再需要加速器,因为已经嵌入了它.

当我执行CLI:"php bin/symfony_requirements"时,会出现以下消息:

应该安装PHP加速器>安装和/或启用PHP>加速器(强烈推荐)

据我了解,我不需要添加新的扩展,但我可以在PHP7中启用某些加速器.

有人知道PHP7中是否需要将"accelerator"参数设置为"true",或者默认情况下是否运行(并且应忽略Symfony错误消息),或新扩展(与不推荐使用的APC作为Wiki页面不同)解释)应该安装?

更新: 收到关于问题的评论后,我在"php.ini"中添加了以下设置:

opcache.enable=1 
opcache.enable_cli=1 
opcache.memory_consumption=128 
opcache.interned_strings_buffer=8 
opcache.max_accelerated_files=2000 
opcache.revalidate_freq=60 
opcache.fast_shutdown=1 
Run Code Online (Sandbox Code Playgroud)

我重新启动了Apache服务,当我执行CLI时:"php bin/symfony_requirements",我仍然收到以下消息:

应该安装PHP加速器>安装和/或启用PHP>加速器(强烈推荐)

有关@LBA的更新所需信息: 我在Symfony项目的文件夹中进行了CLI"composer update".

然后,当我执行CLI:"php bin/symfony_requirements"时,我得到:

PHP注意:第759行的D:\ Application\Apache24\htdocs\symf\my_symf_project\var\SymfonyRequirements.php中遇到一个格式不正确的数值

注意:在第759行的D:\ Application\Apache24\htdocs\symf\my_symf_project\var\SymfonyRequirements.php中遇到一个格式不正确的数值

Symfony2要求检查器~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

PHP使用以下php.ini文件:D:\ Application\php7\php.ini

检查Symfony要求:................ W ............... W .......

[OK]您的系统已准备好运行Symfony2项目

可选建议,以改善您的设置~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~

  • 需求文件应该是最新的

    您的需求文件已过时.运行composer install并重新检查您的配置.

  • 应该安装PHP加速器

    安装和/或启用PHP加速器(强烈推荐).

注意命令控制台可以使用与您的Web服务器一起使用的不同的php.ini文件~~~~.为了安全起见,请使用web/config.php脚本检查Web服务器的要求.

关于环境设置(在Windows10上):

  1. 以前的任何事情,我用"[php7的文件夹位置]\php7 \"改变了我的"路径"环境变量,当我启动"php -v"时,我得到:

PHP 7.1.1(cli)(内置:2017年1月18日18:38:49)(ZTS MSVC14(Visual C++ 2015)x64)版权所有(c)1997-2017 PHP Group Zend Engine v3.1.0,版权所有(c)1998 -2017 Zend Technologies

symfony项目中的composer文件如下所示:

    "require": {
        "php": ">=5.5.9",
...} …
Run Code Online (Sandbox Code Playgroud)

php symfony php-5.5 php-7 php-7.1

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

pg_dump,转储选项“pre-data”,“pre_data”中包含的“数据定义项”是什么?

我正在阅读有关使用该pg_dump实用程序的备份对话框的 PG Admin 4 文档。

在转储选项选项卡中,有一个带有三个开关的子菜单部分。

其中一个开关名为“pre-data”,文档解释说:

将 Pre-data 旁边的开关移到 Yes 位置,以包含未包含在数据或后数据项列表中的所有数据定义项。

我不明白包含在以下内容中的内容:

未包含在数据或后数据项目列表中的所有数据定义项目。

“预数据”中包含的那些“数据定义项”是什么?

搜索引擎将我引向其他 Postgresql 文档,pg_dump其中的解释完全相同。

postgresql pg-dump

5
推荐指数
2
解决办法
7501
查看次数

错误:找不到插件"phonegap-plugin-push"的plugin.xml.请尝试重新添加

我正在尝试按照文档中的描述添加phonegap-push-plugin .

我发现这个线程列出了问题,但没有给出解决方案.

正如文档中的解释,我在[我的项目文件夹]中做了一个CLI: ionic plugin add phonegap-plugin-push --variable SENDER_ID="[project id from Google Developper Console]"

在第一天,我遇到了Cordova和Cordova-android版本的问题.我将Cordova从6.3.0更新到6.4.0,然后执行了CLI:ionic platform rm android删除现有版本的5.2 Cordova-android项目.

在那之后当我做的时候,ionic info我得到:

  • Cordova CLI:6.4.0
  • Ionic Framework版本:2.0.0-rc.0
  • Ionic CLI版本:2.1.0
  • Ionic App Lib版本:2.1.0-beta.1
  • OS:
  • 节点版本:v6.7.0

如果我做了,ionic platform ls我得到:可用的平台:

  • amazon-fireos~3.6.3(已弃用)
  • android~6.0.0
  • blackberry10~3.8.0
  • 浏览器~4.1.0
  • firefoxos~3.6.3
  • webos~3.7.0
  • windows~4.4.0
  • wp8~3.8.2(已弃用)

现在我启动时唯一的问题ionic plugin add phonegap-plugin-push --variable SENDER_ID="[project id from Google Developper Console]" 是这条消息:

错误:找不到插件"phonegap-plugin-push"的plugin.xml.请尝试重新添加.

任何的想法?

cordova cordova-plugins phonegap-pushplugin ionic2

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

Ionic 2 Build TypeError:无法读取未定义的属性'AssetUrl'

Ionic 2 CLI构建失败,给出了以下错误:"TypeError:无法读取未定义的属性'AssetUrl'".

我的研究引导我到这个线程和这一个.

两个线程都建议修改"package.json"文件并删除"dependencies"和"devDependencies"中版本前面的"^"符号.

我这样做然后CLI:

  • 离子rm平台android
  • 离子添加平台android
  • 最后:离子构建android

我仍然得到同样的错误.

在这个线程的某个时刻,它建议使用一些我不熟悉的npm命令,引用它:"rm -rf node_modules和npm cache clean以及新的npm install".我真的不明白这一切是什么.

如果有人拿出神奇的解决方案来让构建运行正常,我将不胜感激.但我还想了解"TypeError:无法读取未定义的属性'AssetUrl'"是如何与"package.json"链接的?我不明白为什么这个错误会导致这种可能的解决方案.

我的版本是:npm 3.10.3节点6.7.0 cordova 6.3.1离子2.1.0

这是我的package.json,因为它现在看起来更像是在两个线程中操作建议读取:

{
  "name": "ionic-hello-world",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "build": "ionic-app-scripts build",
    "watch": "ionic-app-scripts watch",
    "serve:before": "watch",
    "emulate:before": "build",
    "deploy:before": "build",
    "build:before": "build",
    "run:before": "build"
  },
  "dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/compiler-cli": "0.6.2",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0", …
Run Code Online (Sandbox Code Playgroud)

node.js npm ionic2

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