angularJs中ng-cloak指令

最新推荐文章于 2020-12-19 23:55:15 发布

泠泠在路上

最新推荐文章于 2020-12-19 23:55:15 发布

阅读量3.4k

点赞数

分类专栏： angularJs 文章标签： angularjs

本文链接：https://blog.csdn.net/u012396955/article/details/72781128

版权

angularJs 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

angularJs中ng-cloak指令，是为了防止用{{}}双花括号显示数据时会出现括号闪现的问题，ng-bind本身已经避免了这个问题，在引用{{}}之外写上ng-cloak即可。也可以像下面例子里一样，定义class为ng-cloak的display: none;之后再遇到ng-cloak后即显示。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<style>
    .ng-cloak{
        display: none;
    }
</style>
<body ng-app="module" ng-cloak class="ng-cloak">
<div ng-controller="ctrl">
    {{name+'学习'}} 
    <hr>
    {{user.username}}
    <hr>
    {{num*8}}
    <hr>
    <h3 ng-bind="name"></h3>
</div>
<script src="angular.min.js"></script>
<script>
    var m = angular.module('module', []);
    m.controller('ctrl', ['$scope', function ($scope) {
        $scope.name = 'angular';
        $scope.num = 2;
        $scope.user = {'username': '泠泠在路上', 'url': 'http://blog.csdn.net/u012396955'};
    }]);
</script>
</body>
</html>

泠泠在路上

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
angularJs中ng-cloak指令

angularJs中ng-cloak指令，是为了防止用{{}}双花括号显示数据时会出现括号闪现的问题，ng-bind本身已经避免了这个问题，在引用{{}}之外写上ng-cloak即可。也可以像下面例子里一样，定义class为ng-cloak的display: none;之后再遇到ng-cloak后即显示。<!doctype html><html lang="en"><head> <met
复制链接

扫一扫