我正在尝试在搜索栏上显示一个简单的加载器,同时进行搜索.我计划在valueChanges我的表单控件的observable 的subscribe回调中设置一个变量到一个值"loading",并在完整的回调中将它设置为一个空字符串.但是,永远不会调用完整的回调.
我也尝试在observable上添加一个回调函数,但它也从未调用过.
我的代码:
searchBox: Control = new Control();
loadingClass: string = "";
constructor() {
this.searchBox.valueChanges
.debounceTime(400)
.distinctUntilChanged()
.subscribe((text: string) => {
this.imageSearch = text;
this.loadingClass = "loading";
}, (err: Error) => {
console.log(err);
}, () => {
this.loadingClass = "";
console.log("test");
});
}
Run Code Online (Sandbox Code Playgroud) 我正在实现一个简单的图像上传表单.在手机上,用户可以选择使用相机拍照并上传.
出于某种原因,以这种方式拍摄的照片不会保存到图库中.
HTML声明中是否有任何内容可以将图片保存到图库中,无论是丢弃还是使用它?
这是我的表格(在Angular中):
<ng-container *ngFor="let image of imageList; let i = index;">
<div class="mb-1" fxLayoutAlign.gt-xs="space-between" fxLayoutGap.xs="10px" fxLayout.xs="column">
<input type="file" accept="image/*" [disabled]="image.hasOwnProperty('Id') && image?.Id" (change)="showPreview($event, img, i)" #input/>
<img [src]="image?.url" alt="" #img class="image-limited" />
<p *ngIf="image?.url !== ''" fxLayoutAlign.xs="center center">{{ image?.hasOwnProperty('name') ? image?.name : (form.get('AssetNumber').value || '') + '_' + (i + 1) }}</p>
<button md-raised-button color="accent" class="delete-button" (click)="clearImage(input, img, $event, i)" [disabled]="image?.url === ''">
<i class="fa fa-remove"></i> {{ 'ADD_EDIT_ASSET_IMAGE_DELETE_BUTTON_TEXT' | translate }}
</button>
</div>
<hr class="mb-1" *ngIf="i !== imageList.length …Run Code Online (Sandbox Code Playgroud) 问题通过以下方式体现:
这些是我的灯光设置:
const LIGHT_POSITION = 50;
let light = new THREE.DirectionalLight(0xddffdd, 1);
light.position.z = LIGHT_POSITION;
light.position.y = -LIGHT_POSITION * 2;
light.position.x = -LIGHT_POSITION;
light.shadowCameraFov = 60;
light.shadow.mapSize.x = 1024;
light.shadow.mapSize.y = 1024;
scene.add(light);
let light2 = new THREE.DirectionalLight(0xffdddd, 1);
light2.position.z = LIGHT_POSITION;
light2.position.x = -LIGHT_POSITION;
light2.position.y = LIGHT_POSITION * 2;
light2.shadow.mapSize.x = 1024;
light2.shadow.mapSize.y = 1024;
scene.add(light2);
let light4 = new THREE.AmbientLight(0xBBBBBB, 0.3);
scene.add(light4);
Run Code Online (Sandbox Code Playgroud)
而我的网格设置:
this.material = new THREE.MeshStandardMaterial({color: 0xffffff,
morphTargets: true,
morphNormals: true,
roughness: 0.8,
metalness: 0.3
});
this.model …Run Code Online (Sandbox Code Playgroud)