情景
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="apple-mobile-web-app-title" content="Smartflow" />
<title ng-model="page">NEW UI--{{$state.current.name}}</title>
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
<script src="lib/angular/angular-1.4.9/angular.js"></script>
<script src="lib/bootstrap/ui-bootstrap-tpls-1.1.1.min.js"></script>
</head>
<body ng-controller="FreetrialController">
<div class="xsy" ng-repeat="item in freetrial" ng-if="use('xy0001', 0, item)" id="xy0001">
<a href="{{item.sdcx()}}"><img src="">{{item.imgurl}}</a>
<h1>{{item.goodstitle}} </h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('FreetrialController', function($scope){
$scope.use = function(id, status, item){
var flag = false;
if(!item || (id === item.goodsid && status === item.status)){
flag = true;
}
return flag;
}
$scope.freetrial = [
{
goodsid:"xy0001",
imgurl:"img/178.jpg",
goodstitle:"好娃娃牌安全椅",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0
},
{
goodsid:"xy0002",
imgurl:"img/178.jpg",
goodstitle:"时尚包",
quantity:"10份",
cost:298,
status:1
},
{
goodsid:"xy0003",
imgurl:"img/178.jpg",
goodstitle:"好娃娃",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0
}
]
});
</script>
</body>
</html>