【发布时间】:2015-10-21 18:55:05
【问题描述】:
我对 Angular 还是很陌生,并且很难理解 $http.get 和 $http.get 的语法。我想要做的是当用户在my web app 底部的upvote/downvote 系统中留下评分时更改我的JSON 文件中的数据。我当前代码的相关部分在:
app.js
.controller('rateCtrl', function ($scope, $http) {
$http.get('rating.json').success(function(data) {
$scope.likes = data.likes;
$scope.dislikes = data.dislikes;
$scope.addLike = function () {
$scope.likes = $scope.likes + 1;
data.likes = data.likes + 1;
};
$scope.addDislike = function () {
$scope.dislikes = $scope.dislikes + 1;
data.likes = data.likes + 1;
};
});
});
index.html
<div class="content" id="sub-section">
<div class="text-area">
<div class="text" style="color:#3A3A3A">
Text ...
</div>
</div>
<div class="small"></div>
<div>
<table style="text-align:center; font-size:1em" class="table-responsive table" ng-controller="rateCtrl">
<tr>
<td>Jeg likte den!</td>
<td>Jeg likte den ikke!</td>
</tr>
<tr>
<td><p class="likes" ng-click="addLike()">+{{likes}}</p></td>
<td><p class="dislikes" ng-click="addDislike()">-{{dislikes}}</p></td>
</tr>
</table>
</div>
rating.json
{
"likes": 12,
"dislikes": 0
}
如果有人能给我一个代码示例,我将非常感激我如何在用户喜欢时更改 JSON 文件中的喜欢数量,反之亦然。
【问题讨论】:
-
您不能从 Angular 执行此操作。您需要编写一个服务器来执行此操作。
标签: javascript json angularjs web-applications