Может, кто подсказать, нужен древовидный список создать, чтобы линии от родителя к детям шли. Нашёл material tree, пробую css применить, но линии прерываются. Может есть готовая библиотека?

Можно как-то ограничить использование компонента, чтобы его можно было юзать только в определенном родителе?

Добрый день! Подскажите, как исправить ошибку?

app.component.ts:

import { Component } from '@angular/core';

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.scss']
})
export class AppComponent {

 title = 'Dinamic Title'
 number = 42
 arr = [1,2,3]
 obj = {a:1, b: {c:2}}
 inputValue = ''

 constructor() {  

 }

 onInput(event?) {
   console.log('Event', event)
 }

 
}

При сборке:

Build at: 2021-06-16T07:28:01.115Z - Hash: 927e0508b83571e1052b - Time: 12746ms

Error: src/app/app.component.ts:21:11 - error TS7006: Parameter 'event' implicitly has an 'any' type.

 onInput(event?)

event какой подразумевается тут?

Всем привет)
Обновил приложение с 10 на 11 angular, потом проверил на angular 12, тоже поведение.   Есть компоненты js, который запускается через  runOutsideAngular. Приложение стало зависать, по профайлеру понял, что несмотря на runOutsideAngular сторонний компонент тригерит zone js. Открыл тот компонент на Github и у него есть метод forceUpdate, которые дергается через Promise then.
Я думал, что при runOutsideAngular это не триггерит зону. после 10 версии что-то поменялось?
я видел тут тоже кто-то задавал подобные вопросы при работе со сторонними js либами и падением перфоманса.
В доке angular:
"Любые будущие задачи или микрозадачи, запланированные в runOutsideAngular, будут продолжать выполняться за пределами зоны Angular."

Input.

Файл app.component.html:

<h1></h1>

<input type="text" (input)="onInput($event)">

<p><strong>{{inputValue}}</strong></p>

<app-post></app-post>

<hr>

<app-post4></app-post4>

Ну укажите в компоненте тип явно, а то у Вас просто event там

мне с сервера приходит json массив

[
    {
        "type": "type1",
        "vars": {
            "somevar1": "123",
            "somvevar2": [
                {
                    "title": "Title1",
                    "value": "1"
                }
            ]
        }
    },
    {
        "type": "type2",
        "vars": {
            "foo": "bar"
        }
    }
]

я как-то могу в зависимости от значения в type мапить vars на разные интерфейсы? чтобы был автокомплит в IDE и проверка кода

{type: "type1", vars: A } | {type: "type2", vars: B}

о. интересно, спасибо

Здравствуйте, есть дефолтный пайп для удаления всего кроме цифр?

нету

спасибо

вопрос по организации своей ангуляр либы. комитить надо весь каталог, как тут: https://github.com/sulco/angular-lib-demo
или только содержимое projects/<lib-name>?
но при этом в npm публиковать только dist/<lib-name>, верно?

фильтер наверное ) Но там условие сам пишешь

Лучше всего организовать воркспейс с демо приложением и библиотекой(ами). Вот есть наш стартер:
https://github.com/TinkoffCreditSystems/angular-open-source-starter
На его базе можно посмотреть такой пример:
https://github.com/TinkoffCreditSystems/ng-event-plugins

Спасибо

Интересный вопрос. Я таких изменениях не слышал. Уверен, что раньше было действительно вне зоны, а теперь стало в зоне?

да мы работали с таким подходом с 7 версии Angular. Сидел перелистывал статьи про зону. Нашел issue
https://github.com/angular/angular/issues/41506
проблема у кого сторонние библиотеки, как у нас. Мы решили свой вопрос переделав библиотеку, которую подключаем. Но все же это инересно, не хотелось бы столкнуться с тем, что подключив что-то на js, и там дернут Promise.Resolve ( создадут микротаск) заденут зону.
Я пробовал переходить на Angular 12, но там такое же поведение с RunOutSideAngular.

Попробуй отключить патчинг промисов зоной или переходи на «другой» UI кит 😎