小编Mat*_*ura的帖子

Angular2表单控件valueChanges可观察完成从未调用

我正在尝试在搜索栏上显示一个简单的加载器,同时进行搜索.我计划在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)

javascript observable rxjs typescript angular

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

从相机拍摄的图像未保存到图库

我正在实现一个简单的图像上传表单.在手机上,用户可以选择使用相机拍照并上传.

出于某种原因,以这种方式拍摄的照片不会保存到图库中.

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)

javascript media html5 android-camera angular

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

Three.js奇怪的条纹阴影

问题通过以下方式体现:

在此处输入图片说明

这些是我的灯光设置:

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)

javascript three.js

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