¿Cómo usar correctamente la directiva ng-cloak?

Question

Mar 30, 2015, 07:58 AM

javascript angularjs ngcloak angularjs-directive

¿Cómo usar correctamente la directiva ng-cloak?

De alguna manera, ng-cloak en AngularJS no funciona. Quiero ocultar {{}} al cargar la página. Porque se ve horrible.

<!DOCTYPE html>
<html lang="en" ng-app>
    <head>
        <meta charset="UTF-8">
        <title>Angular Sample</title>
    </head>
    <body ng-model="isShow" ng-init="isShow=true">

        <p ng-show="isShow"><span ng-cloak>{{ isShow }}</span></p>
        <p ng-show="!isShow"><span ng-cloak>{{ isShow }}</span></p>

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
    </body>
</html>