angularJs中ng-cloak指令
angularJs中ng-cloak指令,是为了防止用{{}}双花括号显示数据时会出现括号闪现的问题,ng-bind本身已经避免了这个问题,在引用{{}}之外写上ng-cloak即可。也可以像下面例子里一样,定义class为ng-cloak的display: none;之后再遇到ng-cloak后即显示。
<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>
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
