javascript - 如何在angular js中增加我的值(value)?

标签 javascript angularjs arrays

大家好,我有一些关于 $scope 和 json 解析的问题。

我有当有人点击喜欢时他们发送到 api +1 的功能。像计数一样容易。但是当我尝试增加这个值时:我的错误在哪里? Angular 只是连接值 +1 例如我有 6 当我点击它们再次显示 61 点击 611

<button class="place-button col-33" ng-if="usermeta.like_post" ng-click="like(post.id); post.likes =  post.likes + 1">
     <span class="col-50">
          <i class="fa fa-beer"></i>
     </span>
     <span class="col-50">
         {{likes}}
     </span>
</button>

这就是我如何从 Controller 和服务中获取我的锅

PostService.getPost(postId).then(function(data) {
     scope.post = data.post;
})

当我在没有从 Json API 获取数据的情况下尝试此操作时,它可以工作,但它们不行!

最佳答案

尝试使用这个:$scope.likes= + $scope.likes+1;。这强制结果为整数。

HTML

<div ng-app>
   <div ng-controller="TodoCtrl">
     <button ng-click="incrementLikes()">
      Click
     </button>
     {{likes}}
   </div>
</div>

JS

function TodoCtrl($scope) {
   $scope.likes='0';
   $scope.incrementLikes=function(){
      $scope.likes=+$scope.likes+1;
   }
}

function TodoCtrl($scope) {
  $scope.likes='0';
  $scope.incrementLikes=function(){
     $scope.likes=+$scope.likes+1;
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div ng-app>
  <div ng-controller="TodoCtrl">
    <button ng-click="incrementLikes()">
    Click
    </button>
    {{likes}}
  </div>
</div>

关于javascript - 如何在angular js中增加我的值(value)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41115196/

相关文章:

JavaScript:以函数式方式重新组织 Canvas 渲染

javascript - 将数组中的最后一项返回到第一个位置

angularjs - 错误: key $$hashKey must not start with '$' (AngularJS)

PHP 数组输出带有逗号和 "or"

javascript - 从 javascript 调用 rails 函数

javascript - Materialise Sidenav 不适用于 iOS 或 iPhone,但适用于所有其他设备

javascript - Angularjs 过滤 Controller 内的范围以创建新范围

javascript - 如何从下拉菜单 Angular 加载模板

arrays - ruby 在多个数组上映射一个函数

java列表处理时间