function Ctrl($scope, $q){
$scope.recipes = [
{title: '牛奶红豆沙', price: 10},
{title: '榨菜牛肉碎汤', price: 20},
{title: '果干面包', price: 22}
];
$scope.add = function(len){
$scope.recipes.push({title: "黄瓜" + len, price: 5});
}
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Angaulr Basic</title>
</head>
<body>
<div ng-app="">
<div ng-controller="Ctrl">
菜单总量：{{recipes.length}}</br></br>
<input type="button" value="添加菜单" ng-click="add(recipes.length + 1);"/>
<ul id="recipes-ul">
<li ng-repeat="recipe in recipes">{{recipe.title}} - ￥{{recipe.price}}</li>
</ul>
</div>
</div>
</body>
</html>