小编rob*_*nnn的帖子

什么是@Input()用于?

我决定学习Angular 4并按照https://angular.io/tutorial/toh-pt3上的教程进行操作.但是,问题又出现了.这是什么

@Input () hero: Hero; 
Run Code Online (Sandbox Code Playgroud)

它是为了什么?它有什么作用?这是什么意思?

这是代码.英雄details.component.ts

import { Component, Input } from '@angular/core';
import { Hero } from "./hero";


@Component({
 selector: 'hero-detail',
 templateUrl: './hero-detail.component.html'
})
export class HeroDetailComponent {
 @Input() hero: Hero;
}
Run Code Online (Sandbox Code Playgroud)

下面是对文件的另一个代码app.components.ts,app.components.html,hero-details.components.html

如果有人可以,请解释一下

typescript angular

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

InAppBrowser有时为空/空白

我正在开展一个项目,在那里我大量使用它InAppBrowser来查看不同的文档(PDF,DOC,DOCX).我用帮助och执行此操作docs.google.com,并将文档存储在其中firebase-storage.大部分时间它在我的Android设备上运行良好!但有时我得到的只是一个空的白色屏幕,我必须按后退按钮才能关闭InAppBrowser然后重新打开它以显示文档.

在Chrome开发人员工具中远程调试这种奇怪的行为时,我看到loadstartloadstop事件被正确调用:

Chrome开发人员工具在远程调试应用程序时,同时打开InAppBrowser

当我看到HTML空/白色时,InAppBrowser我看到空<body>-tags:

Chrome开发人员工具,查看空白InAppBrowser的HTML

代码我用来打开InAppBrowser:

import { Injectable } from '@angular/core';
import { Platform } from 'ionic-angular';
import { InAppBrowser, InAppBrowserObject } from '@ionic-native/in-app-browser';
import { ScreenOrientation } from '@ionic-native/screen-orientation';
import { LoaderService } from './loader-service';
import * as firebase from 'firebase';

@Injectable()
export class FirebaseStorageService{
    browserOptions: string;
    browser: InAppBrowserObject;

    constructor(
        private iab: InAppBrowser,
        private loaderService:LoaderService,
        private platform: Platform,
        private screenOrientation: …
Run Code Online (Sandbox Code Playgroud)

cordova inappbrowser ionic-framework ionic3

5
推荐指数
0
解决办法
946
查看次数

如何使用ListObjectsV2 AWS S3节点js sdk对带有前缀的文件夹名称进行精确匹配?

考虑下面我遇到的问题的场景。

让S3存储桶中有documentsdocumentscopy文件夹。

var params = {
    Bucket: BucketName,
    MaxKeys: 500,
    Prefix: 'documents'
}

s3.listObjectsV2(params, function (err, data) {
});
Run Code Online (Sandbox Code Playgroud)

上面的代码提供了documentsdocumentscopy中的所有文件。

为了仅获取文档,我必须进行哪些代码更改?

amazon-s3 node.js

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

预缓存文件夹和子文件夹内容

有没有办法预先处理文件夹及其子文件夹中的所有文件?

我想要完成的是这样的事情:

...
event.waitUntil(
      caches
        .open(version + 'fundamentals')
        .then(function (cache) {
            return cache.addAll([
                "/",
                "/images/*"
...
Run Code Online (Sandbox Code Playgroud)

service-worker

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

AWS 通过 Cognito 管理用户

我使用过 AWS 的许多服务,有些很容易,有些则有点困难。在到处搜索 2 天后,我可以说此服务的文档具有误导性。

我有简单的任务要做。我想更改 Cognito 池中的用户属性。为了让事情变得简单,我只需要更改一个电子邮件,仅此而已。应用程序是一个后台(Express/Node),管理员可以在其中更改用户的电子邮件。

看了又看,越来越糊涂了。显然,aws-sdk我熟悉的库有一些我可以使用的 Cognito API。获得一个关于如何使用它们的工作示例,结果证明是一场噩梦。然后我发现有一个library,但只能在客户端使用。经过一些调整后,我让它在 Node.js 中运行。调整是fetch在全局 Node.js 命名空间中公开一个库。

我能够添加一个新用户。但就我的意图而言,我无法更改任何属性(如电子邮件)。图书馆要我提供用户名(真实用户)和密码。我确实有用户名(在这种情况下是电子邮件),但我没有密码。

我需要做的就是连接到服务,并为用户发送新属性,就是这样。这是我到目前为止所拥有的(主要是来自不同地方的黑客代码示例),但我无法让它工作:

var poolData = {
    UserPoolId : 'euXXXXXXX',
    ClientId : 'XXXXXXXXXXXX'
};
var userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);
Run Code Online (Sandbox Code Playgroud)

好的 上面的行建立到现有用户池的连接。

现在,如果我要这样做:

var attributeList = [];

var dataEmail = {
    Name : 'email',
    Value : 'email@mydomain.com'
};

var dataPhoneNumber = {
    Name : 'phone_number',
    Value : '+15555555555'
};

var attributeEmail = new AmazonCognitoIdentity.CognitoUserAttribute(dataEmail);
var attributePhoneNumber = new AmazonCognitoIdentity.CognitoUserAttribute(dataPhoneNumber);

attributeList.push(attributeEmail);
attributeList.push(attributePhoneNumber); …
Run Code Online (Sandbox Code Playgroud)

javascript amazon-web-services node.js amazon-cognito aws-sdk

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

角度和离子2:每行显示2列NgFor和条件显示

我想要做的是在离子2应用程序中每行显示2列,当用户在搜索框中输入一些文本时,例如键入仅存在于第二行的文本,第一行消失(现在实际上发生了,但是保持第二列在右边,而不是将它保留在隐藏的列的位置).

这是我现在使用的代码,它没有让我的列在同一行:

<ion-grid>
    <div [ngSwitch]="top">
      <div *ngSwitchCase="'resto'">
        <ion-row responsive-sm wrap *ngFor="let data of topRestaurants | ArrayObject ">
          <ion-col col-6 *ngIf="data.value['title'].toLowerCase().includes(textFilter)">
            <ion-card>
                <ion-col col-12 no-margin no-padding><img src="{{data.value['logo']}}"/></ion-col>
                <ion-col col-12 no-margin no-padding>
                  <ion-card-content>
                    <ion-card-title>
                      {{data.value['title']}} <ion-badge item-end>{{(data.value['distance']) | number:'1.2-2'}} km</ion-badge>
                    </ion-card-title>
                    <p>
                      <small><rating [score]="data.value['overall_rating']" [max]="5"></rating> ({{data.value['reviews_count']}}) Avis</small>
                    </p>
                  </ion-card-content>
                </ion-col>
            </ion-card>
          </ion-col>
        </ion-row>
      </div>
Run Code Online (Sandbox Code Playgroud)

当我创建如下的ion-col样式:display:inline-block,width:50%,它使它几乎正常工作,但即使ngIf为假(因为行),也会使块保持其位置(50%)仍然存在于DOM上,我们删除了col:/)

在此输入图像描述

ionic-framework ionic2 angular

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

导航回页面时,离子幻灯片自动播放停止工作

我正在创建一个离子应用程序,其中我添加了自动播放滑块,在应用程序主页中显示客户的故事。点击主页中有各种卡片,用户可以通过这些卡片导航到相应的页面。现在,当返回主页时,滑块自动播放停止。以下是我的代码的基本片段。

<ion-slides autoplay="2000" loop="true" speed="3000" class="slides" pager="true">
    <ion-slide>
        <img src="assets/img/slide1.jpg">
    </ion-slide>
    <ion-slide>
        <img src="assets/img/slide2.jpg">
    </ion-slide>
    <ion-slide>
        <img src="assets/img/slide3.jpg">
    </ion-slide>
</ion-slides>
Run Code Online (Sandbox Code Playgroud)

我已经试过了内置的滑块的方法,如update()startAutoplay()ionicViewDidEnter()功能

ionViewDidEnter(){
    console.log("View Entered");
    this.slides.update(); // or this.slides.startAutoplay()
}
Run Code Online (Sandbox Code Playgroud)

但他们都没有工作。带有代码的描述性答案将对我的理解和未来的参考非常有帮助。谢谢

ionic-framework ionic2 angular

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

ionic 2填充从json中选择选项

我正在尝试ion-select使用json对象动态填充下拉列表.

我的html组件如下所示:

<ion-item [hidden]="editOptions.isEditing">
  <ion-note stacked color="primary">{{label}}</ion-note>
  <ion-note class="inline-edit"> {{value}}&nbsp;</ion-note>
</ion-item>
<ion-item [hidden]="!editOptions.isEditing">
  <ion-label stacked color="primary">{{label}}</ion-label>

  <ion-select [(ngModel)]="value" [selectOptions]="additionalData" [required]="required" [name]="value">
    <!--<ion-option>None</ion-option>-->
  </ion-select>
</ion-item>
Run Code Online (Sandbox Code Playgroud)

在我的调用代码中,我尝试填充选择选项,但他们在文档中没有示例

additionalData = {
  title: 'Pizza Toppings',
  subTitle: 'Select your toppings',
  mode: 'md'
};
Run Code Online (Sandbox Code Playgroud)

如何在不使用html中的*ngFor的情况下将我的选项添加到此选择中?我宁愿像这样传递它们:

additionalData = {
  title: 'Pizza Toppings',
  subTitle: 'Select your toppings',
  mode: 'md'
  options: [{id:1, description:'Pepperoni'}]
};
Run Code Online (Sandbox Code Playgroud)

javascript typescript ionic-framework angular

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

ionic slider - lockSwipes(true)禁用initialSlide和slideNext()方法?

嗨我正在使用Ionic 幻灯片显示待办事项列表,我想禁用刷卡客户,因为我的列表项目有它们.相反,我想通过方法更改幻灯片.

这是我的组成部分:

@ViewChild(Slides) slides: Slides;

days: SbCalendarDay[] = [] //this is a list of todo's of each day

ngAfterViewInit() {
    this.slides.lockSwipes(true);
}

slide(direction:string){
    if(direction === 'prev'){
        this.slides.slidePrev()
    }else{
        this.slides.slideNext()
    }
}
Run Code Online (Sandbox Code Playgroud)

我的观点是:

<div class="sb-calendar-day">
    <ion-slides [initialSlide]="1" (ionSlideDidChange)="slideChanged($event)" (ionSlideWillChange)="slideWillChange($event)">
        <ion-slide *ngFor="let day of days">
            <sb-list [list]="day.events" (sbListEvent)="listEvent($event)"></sb-list>
        </ion-slide>
    </ion-slides>
</div>
Run Code Online (Sandbox Code Playgroud)

但是当我锁定滑动时,initialSlide输入不再起作用.我现在开始的时间array是3天array[1].

此外,方法slideNext()slidePrev()还没有反应过来.不lockSwipes(true)完全"锁定"滑块?

有没有办法只禁用滑块的滑动手势?

谢谢

swipe ionic3 angular

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

具有返回值的Mutators(set-functions)?

我正在学习编程,我刚开始学习设置和获取功能.

我的问题是,如果通常的做法是使用带有返回值的set-functions?就像set-function执行验证一样,如果传入的值通过验证,我希望它返回true.

谷歌搜索它,看着我的课程材料,没有发现任何东西,只有无效的设置功能无处不在!:)

谢谢

c++ c++11

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

我们可以在不分配内存的情况下调用类的成员函数吗?

我试过这个:

class A{
    void fun()
    {
        cout<<"Hello World";
    }
};

int main()
{
    A* obj;
    obj->fun();
}
Run Code Online (Sandbox Code Playgroud)

它打印"Hello World".但我没有分配任何记忆.

c++

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

无法访问Javascript中的对象方法

我声明了类的用户,然后添加了该类的一个对象

function user(uid, pwd){
    this.uid = uid
    this.pwd = pwd
    function displayAll(){
        document.write(uid)
        document.write(pwd)
    }
}

var Aaron = new user("Aaron", "123")

document.write(Aaron.uid)
Run Code Online (Sandbox Code Playgroud)

我想逐一浏览这些属性,我尝试过

Aaron.displayAll()
Run Code Online (Sandbox Code Playgroud)

评估结果为零,我缺少什么吗?任何帮助都将是惊人的:)

javascript methods

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