바인딩이 있는 ng-style 또는 style 속성어떤 게 더 나아요?어느 쪽이 빠릅니까?뭐가 다른데?

바인딩이 있는 ng-style 또는 style 속성어떤 게 더 나아요?어느 쪽이 빠릅니까?뭐가 다른데?

큰 어플리케이션을 최적화하고 있습니다.다음 두 가지 방법이 헷갈리는데, 어느 쪽이 더 빠른지 판단해 주세요.

인라인 스타일 속성

<div style="background-color:{{item.color}}"></div>

ng 스타일 사용

<div ng-style="{'background-color':item.color}"></div>

원스타일의 사용

<div once-style="{'background-color':item.color}"></div>

주의: 대상once-styleAngularOnce Directive를 사용한 적이 있습니다.

잘 부탁드립니다.어떤 게 더 빠르고 왜 더 빠른지 알려주세요.

Angular 1.3 이후에 1회 바인드를 사용할 수 있습니다.

서드파티제 라이브러리에 의존하지 않고 다음과 같이 실행할 수 있습니다.

<div ng-style="::{'background-color': item.color}"></div>

성능은 측정하지 않았지만, 콜론이 없는 것보다는 낫다고 확신합니다.

상당히 큰 어플리케이션을 최적화하고 있기 때문에 퍼포먼스는 확실히 문제가 되고 있다고 생각합니다.ngStyle는 모델에 워치를 설정하기 때문에 성능이 향상되며 모델이 변경된 경우에만 보기를 업데이트합니다.

그래서 저는 그냥ngStyle또는onceStyle시나리오에 따라 다릅니다.

<div once-style="{'background-color':item.color}"></div>

사용.{{}}값이 변경되지 않았더라도 요약 주기마다 Angular가 바인딩을 업데이트합니다.

언급URL : https://stackoverflow.com/questions/22403107/ng-style-or-style-attribute-with-binding-which-is-better-which-is-faster-what