Как в angular проверить FormControl на валидность из функции?

Антон,
Я подписан на формгруппы

this.LeadControl.valueChanges
      .subscribe(
        (value) => console.log(value)
      );

    this.OfferControl.valueChanges
      .subscribe(
        (value) => console.log(value)
      );

Как в angular проверить FormControl на валидность из функции?

<input matInput type="text" formControlName="firmName" [class.error]="!LeadControl.get('firmName').valid"  placeholder="Название фирмы">

validator() {
    if (this.LeadControl.valid) {
      console.log('Проверил');
    }
  }

К сожалению не выделяет ошибку, или я что то не правильно понял?

Как в angular создавать первый элемент при этом его не объявлять в ts?

Вам не сложно это на примере показать?
Чтобы еще при введении в этот инпут информация шла в этот объект

Как в angular создавать первый элемент при этом его не объявлять в ts?

Ivan Stroykin, Вот пример.https://stackblitz.com/edit/angular-jsjnwk

Правильно ли я делаю, если да, то неужели так и должны сохраняться пустые строки в бд?

Как в angular создавать первый элемент при этом его не объявлять в ts?

Ivan Stroykin, Да в том то и дело что не понимаю как реализовать правильно)
Вот смотрите, у меня есть страница создать лид - Lead (Вся информация хранится в объекте)
У лида есть допустим, имя(строка), номера телефонов(массив строк) и еще что то.
Я создаю в ангуляре объект,

Lead = {
name: '',
phones: []
}

Допустим это так, но чтобы я смог ввести данные с html в этот объекте, я создаю для него инпут поля.
Но вот эта конструкция:

<mat-form-field *ngFor="let n of Lead.phones">
     <input type="tel" matInput [(ngModel)]="Lead.phones[n]" [ngModelOptions]="{standalone: true}" placeholder="comment">
</mat-form-field>

Ничего не выведет, так как массив номеров пуст. Чтобы он вывел поле я должен сделать какую то запись в этот массив, я вставляю пустую строку

Lead = {
name: '',
phones: ['']
}

По итогу в базе данных такой объект сохраняется с пустыми строками, а меня это не устраивает.

{
    "_id": {
        "$oid": "5c6c6006ed46f70824809388"
    },
    "contactPhones": [
        ""
    ],
    "contactEmail": [
        ""
    ],
    "comments": [
        {}
    ],
    "tasks": [],
    "firmName": "В этой базе массив contactPhone имеет пустую строку",
    "address": "",
    "contactName": "",
    "position": "",
    "lprsName": "",
    "parser2gis": "",
    "createdDate": {
        "$date": "2019-02-19T19:57:17.699Z"
    },
    "__v": 0
}

Как выделить активный пункт Owl-Carousel 2.3.4???

'id="one"'.split("=")[1].slice(1, -1)

'www.domen.ru/carousel#one'.split("#")[1]

Вот их и сравнивать

В чем проблема, на каком шаге возникает сложность?

В чем ошибка фильтра реализованного с помощью pipe?

Дмитрий Лузанов, Спасибо разберусь с RxJS(время на пример не тратьте).
2е я имел в виду,
Вот консоль сервера, при getTasks(), конкретно запрос dataTask.
new-task.component.ts
В момент вызова dataTask, this.Task.lead_id = "",
Поэтому он выводит это

Поэтому он не нашел в mangoDB такого элемента с пустым ID.

После вызывается dataComment, но на этом шаге this.Task.lead_id уже чему то равен, поэтому из метода getTasks у меня приходит от сервера не вся информация, то есть this.Task.lead_id присваивается значение с какой то задержкой, конструкция моих методов из за этого рушится.
Вот что я имел в виду, как можно это избежать?

В чем ошибка фильтра реализованного с помощью pipe?

Дмитрий Лузанов, А можно еще вопрос?
Почему он выводит filters.pipe.ts 2 раза?
И почему в первом случае он не определяется, приходится метод еще вызывать и в ngOnChange() для того, чтобы логика работала
Да и вообще это странно, почему переменная Task.lead_id определяется с задержкой, многие методы работают не корректно из за этого

В чем ошибка фильтра реализованного с помощью pipe?

Дмитрий Лузанов, Большое спасибо!

В чем ошибка фильтра реализованного с помощью pipe?

Дмитрий Лузанов Ошибка действительно исчезла, на такой банальной вещи столько времени потерял.
Но моя сортировка все равно не работает, с чем это может быть связанно?

В чем ошибка фильтра реализованного с помощью pipe?

Дмитрий Лузанов, Я загрузил

Почему не работает js в IE?

Может быть не стоит понимать IE, а просто подключить babel?

Я уверен что он решить 99% проблем с ie, думаю даже не стоит вникать в причину возникновения этой проблемы, вернее стоит, но после babel

В чем причина ошибки get запроса?

spnq, Я нашел проблему, она заключается в том, что мой nodejs обрабатывает все запросы и ссылается на корневую дирректорию ангуляр.

app.get('*', function(req, res) {
    res.sendFile(path.join(__dirname, '/dist/cleanupCRM/index.html'));
}); //error on get some info "ReferenceError: path is not defined"

Если ее убрать, то запрос доходит до сервера, но при обновлении страниц (при нажатии f5) он будет выдавать ошибку
Cannot GET /someurl
на любой странице.

Как найти в этом коспромисс?

В чем причина ошибки get запроса?

spnq,

constructor(
    private myHttp: myHTTPService
  ) { }

getLeadList() {
    return this.myHttp.getHTTP('/getLeadList');
  }

Вот конструктор, так код чище, тк запросов по компонентам много разбросано, описал гет в сервисе.

Response {type: "basic", url: "http://localhost:4200/getLeadList", redirected: false, status: 200, ok: true, …}

Вот ответ когда запрос реализован с помощью
fetch(url).then( res => console.log(res) );

Все равно пытается перейти на страницу, которую я указал в .getHTTP('/getLeadList')

В чем причина ошибки get запроса?

getLeadList() {
    return this.myHttp.getHTTP('/lead1');
  }

router.get('/lead1', function(req, res) {
    console.log(req);
    db.Lead.find({}).then(function(leads) {
        console.log(leads);
        res.send(leads);
    });
});

То? Не работает

В чем причина ошибки get запроса?

getLeadList() {
    return this.myHttp.getHTTP('/getLeadList/lead1');
  }

getHTTP(url) {
    return this.http.get(url, {responseType: 'text'}).subscribe((data) => {
      console.log(data);
    }, (error) => {
      console.log("Error", error);
    });
  }

router.get('/getLeadList/lead1', function(req, res) {
    console.log(req);
    db.Lead.find({}).then(function(leads) {
        console.log(leads);
        res.send(leads);
    });
});

Эффект тот же, что я не так делаю?
Он так же парсит страницу, а не отправляет запрос на сервер

В чем причина ошибки get запроса?

spnq, Этот шаг ничего не меняет(

В чем причина ошибки get запроса?

spnq, spnq, первый вариант вернее работает, но теперь он мне спарсил мой html по адресу localhost:4200/getLeadList, но это ангуляр, поэтому он спрасил просто основной html.
Хотя должен дать запрос nodejs, чтобы тот вытащил инфу с бд.

router.get('/getLeadList', function(req, res) {
    console.log(req);
    db.Lead.find({}).then(function(leads) {
        console.log(leads);
        res.send(leads);
    });
});

Но запрос не доходит до сервера

В чем причина ошибки get запроса?

не помогает(
Все равно пытается открыть несуществующую страницу, хотя должен отправить запрос на сервер

Как с помощью await дождаться ответа сервера?

makarychev13, я был близок к этому. Спасибо