Question

我在$http.get请求中收到了一系列对象。我正在做以下事情：

$http.get("/showdata").then(function (response) {
    var thedata = response.data.category;
    console.log(thedata);
    $scope.alldata = response.data;
    if (thedata === "school") {
        $scope.category = "SchoolBC";
    } else {
        $scope.category = "Not School";
    }
});

如何检查回复中的内容并相应地设置$scope？

我得到的回报是：

[
    {
        id: "123456",
        category: "school",
        title: "first test" 
    },
    {
        id: "789012",
        category: "home",
        title: "second test"        
    }
]

在我的前端：

<ul ng-repeat = "mydata in alldata">
  <li>{{mydata.title}}<p>{{category}}</p></li>
</ul>

Answer 1

根据您的问题的评论和修改更新了答案。循环遍历数组中的对象并根据条件覆盖对象属性：

$(document).on('shown.bs.tab', '#tab > a', function(e) {
  var dataType = $(e.target).attr('data-type');
  $("#myField").val(dataType);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container" id="upload">
  <div class="row">
    <form id="upload-form2" action="http://way2enjoy.com/modules/compress-png/converturl16.php" name="arjun" method="post" enctype="multipart/form-data">
      <div id="tab" class="btn-group" data-toggle="buttons">
        <a href="#fileuu" class="btn btn-default" data-toggle="tab" data-type="1">File Upload</a>
        <a href="#urluu" class="btn btn-default" data-toggle="tab" data-type="2">URL upload</a>
        <a href="#linkuu" class="btn btn-default" data-toggle="tab" data-type="3">Website Link</a>
      </div>
      <div class="tab-content">
        <div class="tab-pane active" id="fileuu">
          <label for="comment">Click below to choose files:</label>
          <input type="file" name="file[]" multiple id="input" class="file_input">
        </div>
        <div class="tab-pane" id="urluu">
          <label for="comment">Image Urls to Compress:</label>
          <textarea class="form-control" rows="2" name="urls" id="urls"></textarea>
        </div>
        <div class="tab-pane" id="linkuu">
          <label for="comment">Website URL to Analyze:</label>
          <textarea class="form-control" rows="2" name="file[]" id="urls"></textarea>
        </div>
      </div>
      <div class="alert alert-warning" role="alert" id="loading_progress"></div>
      <br>
      <input type="submit" value="Compress »" class="btn btn-primary btn-lg pull-right" id="upload_btn" name="upload_btn">
      <input type="text" name="fileorurl" id="myField" value="1">
    </form>
  </div>
</div>

如何从Angular中的节点返回的对象数组中访问元素？

1 个答案: