javascript - 从 Controller 内修改作用域变量。通话后

Question

好吧，所以，让我们从道歉开始，如果之前有人问过这个问题，并且这个问题非常愚蠢，我真诚地道歉。

我对 AngularJS 还很陌生，最近成功地克服了 CORS 错误，通过 Parse 登录，我什至用 Express.js 在 NodeJS 中为我​​的应用程序编写了一个 API，但我刚刚遇到了一个有点困难的障碍.

基本上，我有一些代码，如下所示:

         $http.get('http://localhost:3000/users?id=' + CryptoJS.MD5(config.SERVER_KEY)).then(function(resp) {
           //console.log('Success', resp);
           $scope.post = resp.data;
         }, function(err) {
           console.error('ERR', err);
           $scope.post = err;
         })

我的 API 路由器/users 实际上具有误导性，但这只是从我的数据库中获取一堆帖子并显示它。看看它是否成功，它会将其保存在 $scope.post 变量中，但是比如说我“完成”了一篇文章并且已经看过该文章。单击按钮“删除它”后，它将从数组中删除。这是我的代码的样子:

        $scope.next = function() {
          $scope.post.shift();
        }

不幸的是，它似乎不起作用。我什至尝试过“删除$scope.post[0]”都失败了。

我很确定我做错了什么，如果有人可以帮助我并指出我的错误或正确的方向，那就太好了？非常感谢!

编辑，这是我的 HTML 页面代码的外观:

<div class="item center">
  <h2>{{post[0].title}}</h2>
</div>

<div class="item item-body" align="center">
  <div ng-if="post[0].postType == 'image'">
    <img src="{{post[0].postBody}}" height="{{width}}" width="{{width}}" />
  </div>
  <div ng-if="post[0].postType == 'text'">
    <p>"{{post[0].postBody}}"</p>
  </div>

  <div class="item tabs tabs-secondary tabs-icon-left">
   <a class="tab-item" ng-onClick="next()">
    <i class="icon ion-arrow-right-c"></i>
     NEXT!
   </a>
   <a class="tab-item" href="#" ng-onClick="like({{post[0].id}})">
    <i class="icon ion-heart"></i>
     Like ({{post[0].likes}})
   </a>
  </div>

</div>

编辑2 $scope.post 的外观如下:

[{"likes":1,"ownerId":"uVziWLz1uy","postBody":"This is the very, first, ever, post.","postType":"text","title":"Hello World","objectId":"Q2wnN9S3Kg","createdAt":"2015-05-10T19:48:46.216Z","updatedAt":"2015-06-20T16:37:21.800Z"},{"likes":55,"ownerId":"uVziWLz1uy","postBody":"http://images7.alphacoders.com/311/311587.jpg","postType":"image","title":"Nature","objectId":"lVFQIxUbyU","createdAt":"2015-06-20T17:25:39.752Z","updatedAt":"2015-06-20T17:26:40.590Z"}]

Answer 1

首先，这将是一条评论，但我没有代表发表评论。我刚刚测试了你的代码，它可以工作，假设 $scope.post 是一个有效的对象或字符串数​​组。

我假设响应中还有其他内容，并且数据是数组？如果没有，那是你的问题。从 resp 中删除“.data”部分。

$scope.post = resp.data;

编辑:哈哈，所以问题出在 html 中，来自评论:

这一行

<a class="tab-item" ng-onClick="next()"> 

应该是

<a class="tab-item" ng-click="next()">

提醒我们所有人，ng-click 是 javascript 的“onClick”的不直观的过渡。