如何在angularjs中添加不同的post和get函数?

时间:2017-06-01 11:49:03

标签: javascript angularjs

我正在尝试在angularjs上找到添加不同帖子和获取函数的方法,但我不完全确定将它放在app.js文件夹下的哪个位置。现在,当我点击发布时,它会为每个帖子按钮提供此代码。

Post>> {"ID":"Graves Flats","Owner":"Graves","Address":"294 Te Aro, Wellington","Building Type":"Low rise apartments","Planned Date":"20/05/2016"} 

但是我想知道在哪里可以放入代码,所以当我点击不同的帖子按钮时,我会得到不同的数据。

以下代码显示在每个帖子按钮上。

var Id = "Graves Flats"; 
var read = 'https://happybuildings.sim.vuw.ac.nz/api/woonker/building_dir.json';
var write = 'https://happybuildings.sim.vuw.ac.nz/api/woonker/update.building.json';
var sourceObj = { 
    "ID": Id,
    "Owner": "Graves",
    "Address": "294 Te Aro, Wellington",
    "Building Type": "Low rise apartments",
    "Planned Date": "20/05/2016"

http://plnkr.co/edit/nshTWxykbcwSiSdUabKk?p=preview

1 个答案:

答案 0 :(得分:0)

您可以使用ng-repeat打印div并将相应的$ index传递给clickPost($ index)函数。

 <div ng-repeat="buildings in buildingsArray">
  <input type="submit" value="Cost Information" ng-click="clickPost($index)" />
  <input type="button" value="get" ng-click="clickGet($index)" />
  <br><br>
  {{feedback}}
</div>

并设置一个像$ scope.showItems [$ index] = true的变量;点击。

通过

填充前端
     <div ng-if="showItems[$index]==true">{{feedback}}</div>

这也会减少您的代码行。如果您想为不同的帖子请求获取不同的数据,则不应对要传递给服务调用的源对象进行硬编码