ng-cloak là gì? Cách sử dụng ng-cloak?

by Unknown 8:42:00 AM 1 nhận xét

Tự hỏi đáp

Trả lời

ng-cloak (ngCloak) là một Angularjs directive được sử dụng để ngăn chặn các template html gốc (code angularjs) hiển thị một thời gian ngắn trên trình duyệt ở dạng thô khi ứng dụng của bạn đang tải. Sử dụng directive này để ẩn tạm thời code Angularjs cho đến khi ứng dụng được tải xong.

Cách dùng:

Bạn có thể dùng như một class css hoặc đặt nó như một thuộc tính html (html attribute)
Ví dụ:

<div id="template1" ng-cloak>{{ 'hello' }}</div>
<div id="template2" class="ng-cloak">{{ 'world' }}</div>

Để chắc chắn bạn có thể add thêm đoạn css sau vào file css của bạn:

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

Nếu câu trả lời sai ngại gì không chỉnh? Nếu câu trả lời thiếu ngại gì không thêm? Nếu có câu trả lời hay hơn ngại gì không chia sẻ? Mời các bạn comment bên dưới