我决定学习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
如果有人可以,请解释一下
我正在开展一个项目,在那里我大量使用它InAppBrowser来查看不同的文档(PDF,DOC,DOCX).我用帮助och执行此操作docs.google.com,并将文档存储在其中firebase-storage.大部分时间它在我的Android设备上运行良好!但有时我得到的只是一个空的白色屏幕,我必须按后退按钮才能关闭InAppBrowser然后重新打开它以显示文档.
在Chrome开发人员工具中远程调试这种奇怪的行为时,我看到loadstart和loadstop事件被正确调用:
当我看到HTML空/白色时,InAppBrowser我看到空<body>-tags:
代码我用来打开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) 考虑下面我遇到的问题的场景。
让S3存储桶中有documents和documentscopy文件夹。
var params = {
Bucket: BucketName,
MaxKeys: 500,
Prefix: 'documents'
}
s3.listObjectsV2(params, function (err, data) {
});
Run Code Online (Sandbox Code Playgroud)
上面的代码提供了documents和documentscopy中的所有文件。
为了仅获取文档,我必须进行哪些代码更改?
有没有办法预先处理文件夹及其子文件夹中的所有文件?
我想要完成的是这样的事情:
...
event.waitUntil(
caches
.open(version + 'fundamentals')
.then(function (cache) {
return cache.addAll([
"/",
"/images/*"
...
Run Code Online (Sandbox Code Playgroud) 我使用过 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
我想要做的是在离子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:/)
我正在创建一个离子应用程序,其中我添加了自动播放滑块,在应用程序主页中显示客户的故事。点击主页中有各种卡片,用户可以通过这些卡片导航到相应的页面。现在,当返回主页时,滑块自动播放停止。以下是我的代码的基本片段。
<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)
但他们都没有工作。带有代码的描述性答案将对我的理解和未来的参考非常有帮助。谢谢
我正在尝试ion-select使用json对象动态填充下拉列表.
我的html组件如下所示:
<ion-item [hidden]="editOptions.isEditing">
<ion-note stacked color="primary">{{label}}</ion-note>
<ion-note class="inline-edit"> {{value}} </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) 嗨我正在使用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)完全"锁定"滑块?
有没有办法只禁用滑块的滑动手势?
谢谢
我正在学习编程,我刚开始学习设置和获取功能.
我的问题是,如果通常的做法是使用带有返回值的set-functions?就像set-function执行验证一样,如果传入的值通过验证,我希望它返回true.
谷歌搜索它,看着我的课程材料,没有发现任何东西,只有无效的设置功能无处不在!:)
谢谢
我试过这个:
class A{
void fun()
{
cout<<"Hello World";
}
};
int main()
{
A* obj;
obj->fun();
}
Run Code Online (Sandbox Code Playgroud)
它打印"Hello World".但我没有分配任何记忆.
我声明了类的用户,然后添加了该类的一个对象
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)
评估结果为零,我缺少什么吗?任何帮助都将是惊人的:)
angular ×5
javascript ×3
c++ ×2
ionic2 ×2
ionic3 ×2
node.js ×2
typescript ×2
amazon-s3 ×1
aws-sdk ×1
c++11 ×1
cordova ×1
inappbrowser ×1
methods ×1
swipe ×1