각도 방식을 사용하는 동적 스타일링 4

Question

4 번 나무 구조를 만들었습니다. 문제는 각 노드를 같은 레벨에서 시작하고 왼쪽 테두리의 이름 텍스트 만 들여 쓰기해야한다는 것입니다. 모든 노드에 대해 노드의 깊이가 있습니다. 이런 스타일을 추가하고 싶습니다.

<p style="padding-left : calc_padding(depth)"> some Text </p> 

calc_padding(depth){ 
return depth *5 
} 

어떻게 할 수 있습니까?

필자는 스타일 소독제를 읽었지 만 내 경우에는 사용법을 찾을 수 없습니다.

나는 [style] = "method(depth)" 과 [style.padding-left] = "method(depth)"을 내 보려고했지만 나는 원하는대로 할 수 없습니다.

이와 관련하여 도움이 될 것입니다. calc_padding에서 반환 된 값이

이 시도에 대한

Answer 1

는이 같은 바인딩 스타일을 사용해야합니다

<p [ngStyle]="getStyle(20)"> some Text </p> 

구성 단위 :

calc_padding(depth){ 
    let returnData = {}; 
    returnData['padding-left'] = depth *5; 
    return returnData; 
} 

Answer 2

당신은 ngStyle 사용할 수있는 픽셀로 해석되어야하는 경우

<p [style.paddingLeft.px]="calc_padding(depth)"></p> 

: