Textbox как отобразить?

Надо на чистом textbox, в этом и трудность

Как расположить div по определённым координатам в браузере?

Антон, Спасибо, ща буду чет пробовать.

Как расположить div по определённым координатам в браузере?

Антон, Или через *ngFor передавать все?

Как расположить div по определённым координатам в браузере?

Антон, с файла я получаю number, я так понимаю мне в css нужно передать параметры с координатами?
как-то так:

left: {{CordinateX}}'px'
right: {{CordinateY}}'px'
width: {{width}}'px'
height:{{height}}'px'

Как расположить div по определённым координатам в браузере?

Антон, Есть общий div, относительно его я хочу расположить другие div (их неизвестное количество) по конкретным координатам (считанные с файла) внутри него

Как расположить div по определённым координатам в браузере?

Антон, а как задать координаты конкретные?

Почему сортировка неправильная?

оставил без изменения, тип перевел из string в number.
Спасибо

Что не так? В чем ошибка?

Антон Швец, Вы меня конечно извините, но если бы я был специалист в данном языке программирования,я бы не задавал тут такие вопросы! Учусь только, поэтому сделал как смог!
Но и вам спасибо за объяснения.

Что не так? В чем ошибка?

Антон Швец, Спасибо, но я сделал немного по другому.
Вот если интересною

import {Component, OnInit} from '@angular/core';
import {Task1Service} from '../service/task1.service';
import {distance, Task1Module} from '../module/task1.module';
import {map} from 'rxjs/operators';
import {Observable} from 'rxjs';

@Component({
  selector: 'app-task1',
  templateUrl: './task1.component.html',
  styleUrls: ['./task1.component.css']
})
export class Task1Component implements OnInit {

  data: Task1Module[] = [];
  i = 0;
  data1: distance[] = [];

  constructor(private http: Task1Service) {
  }


  ngOnInit() {
    this.http.GetData().subscribe((obj) => {
      this.data = obj;
      for (let a of this.data) {
        switch (this.data[this.i].distance[0].unit) {
          case 'cm': // Переводим сантиметры
            switch (a.convert_to) {
              case'm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 100);
              case'in':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 25.4);
              case 'ft':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
              case 'yr':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
              case 'mm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
            }

          case 'in':// Переводим дюймы
            switch (a.convert_to) {
              case 'm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 25.4 / 10 / 100);
              case 'cm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 25.4 / 10);
              case 'ft':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 25.4 / 304.8);
              case 'yr':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
              case 'mm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
            }

          case 'ft': // Переводим футы
            switch (a.convert_to) {
              case 'm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 304.8 / 10 / 100);
              case 'cm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 304.8 / 10);
              case 'in':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 304.8 / 25.4);
              case 'yr':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
              case 'mm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
            }

          case 'm': // Переводим метры
            switch (a.convert_to) {
              case 'ft':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 100 * 10 / 304.8);
              case 'cm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 100);
              case'in':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 100 * 10 / 25.4);
              case 'yr':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
              case 'mm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
            }
          case 'yr': // Переводим ярды
            switch (a.convert_to) {
              case 'ft':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 100 * 10 / 304.8);
              case 'cm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 100);
              case'in':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 100 * 10 / 25.4);
              case 'm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
              case 'mm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
            }
          case 'mm': // Переводим милиметры
            switch (a.convert_to) {
              case 'ft':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 100 * 10 / 304.8);
              case 'cm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 100);
              case'in':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value * 100 * 10 / 25.4);
              case 'm':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
              case 'yr':
                this.data1[this.i] = new distance(a.convert_to, this.data[this.i].distance[0].value / 10 / 304.8);
            }
        }
        this.i = this.i + 1;
      }
      console.log(this.data1);
    });
  }

}

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {Observable} from 'rxjs';



@NgModule({
  declarations: [],
  imports: [
    CommonModule
  ]
})
export class Task1Module {
  constructor(
    public distance:Array<distance>,
    public convert_to:string
  ) {
  }
}
export class distance{
  constructor(
    public unit:string,
    public value: number
  ) {
  }
}

Что не так? В чем ошибка?

Антон Швец, https://ng-run.com/edit/yLZpqJgeHimRk7iMSFKF?open=...

Что не так? В чем ошибка?

А как правильно тогда вытянуть данные не подскажите? Как правильно поступить в данном случае

Angular Http как?

Вы были правы!
Спасибо вам!

Angular Http как?

Я вот не пойму в чем дело! Получается что при выполнении функции сначала записывается пустой обьект, а потом те что вытянуло с БД! Функция эта будет отрабатывать всего один раз в сутки по планам! Поэтому проблем быть не должно!

Ошибка Angular filter?

Все исправил!
Вы были правы! Это мой косяк!
Спасибо!

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({
  name:'search'
})
export class SearchPipe implements PipeTransform{
  transform(ticket,value){
    return ticket.filter(
      c=>c.payeer.includes(value)
    );
}

}

Ошибка Angular filter?

export class Tickets {
  constructor(
    public email: string,
    public payeer: string,
    public win: boolean = false,
    public date_buy: any = new Date(2018, 6, 12),
    public date_game: any = new Date(2018, 6, 12),
    public id?: number
  ) {
  }
}

Вот данные в консоли

date_buy:1528718593833
date_game:1528718593833
email:"[e-mail]"
id:1
payeer:"PA12345"
win:true

Дело в том что вчера работало! Я так понимаю он не понимает по какому полю проводить фильтр?