angular 解决闪烁问题_angularjs-ng-cloak 解决闪屏问题

# 使用ng-cloak 及样式.ng-cloak

html>

.ng-cloak{display:none;}

商品名称：`goods`.`data`.`name`

商品价格：`goods`.`data`.`price`

商品数量：`goods`.`data`.`num`

商品总价：{{goods.data.price*goods.data.num}}

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)}

}

}])