angularjs-ng-cloak 解决闪屏问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularjs-ng-cloak 解决闪屏问题相关的知识，希望对你有一定的参考价值。
# 使用ng-cloak 及样式.ng-cloak <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src=‘js/angular.min.js‘> </script> <style type="text/css"> .ng-cloak{display:none;} </style> </head> <body ng-app="hd" ng-cloak class="ng-cloak"> <div ng-controller="ctrl"> <!--商品名称：{{goods.name}}<br /> 商品价格：{{goods.price}}<br /> 商品数量：{{goods.num}}<br /> 商品总价：{{goods.price*goods.num}}<br /> <input type="button" value="+" ng-click="add()"/> <input type="button" value="-" ng-click="reduce()" />--> 商品名称：{{goods.data.name}}<br /> 商品价格：{{goods.data.price}}<br /> 商品数量：{{goods.data.num}}<br /> 商品总价：{{goods.data.price*goods.data.num}}<br /> <input type="button" value="+" ng-click="goods.add()"/> <input type="button" value="-" ng-click="goods.reduce()" /> </div> <script type="text/javascript"> var m=angular.module(‘hd‘,[]) m.controller(‘ctrl‘,[‘$scope‘,function($scope){ // $scope.goods={‘name‘:‘iphone‘,‘price‘:3000,‘num‘:0} // $scope.add=function(){$scope.goods.num=Math.min(++$scope.goods.num,6)} // $scope.reduce=function(){$scope.goods.num=Math.max(--$scope.goods.num,0)} $scope.goods={ data:{‘name‘:‘iphone‘,‘price‘:3000,‘num‘:0}, add:function(){$scope.goods.data.num=Math.min(++$scope.goods.data.num,6)}, reduce:function(){$scope.goods.data.num=Math.max(--$scope.goods.data.num,0)} } }]) </script> </body> </html>
以上是关于angularjs-ng-cloak 解决闪屏问题的主要内容，如果未能解决你的问题，请参考以下文章