AngularJS中使用绑定载入JSON数据时，不能保持绑定。
创始人
2024-10-27 16:30:29
0次

使用'$http”服务获取JSON数据，并将其分配给作用域中的变量以供使用。下面是代码示例：

HTML：


  
    
    
  • 
      {{person.name}} - {{person.city}}
    
    •

JavaScript：

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope, $http) {
  $http.get("people.json").then(function(response) {
    $scope.people = response.data;
  });
});

在上面的代码中，'people.json”是包含JSON数据的文件名，该数据被作为响应返回，并在成功时分配给$scope.people变量。然后，您可以在HTML中使用'ng-repeat”指令将数据循环遍历并绑定到指定的元素中。

这种方法保持绑定，并且无需手动更新视图。

上一篇：AngularJS中使用$httpPOST发送数组参数时，参数在payload中不正确。

下一篇：AngularJS中使用ng-show破坏了select2的布局

相关内容

热门资讯

黑科技软件(wepoke好友)... 大家肯定在之前wepoke或者wepoke中玩过黑科技软件(wepoke好友)WpK固有有挂!太实锤...
黑科技系统(微扑克后台)来玩德... WePoker透视辅助版本稳定性对比与推荐‌：黑科技系统(微扑克后台)来玩德州app从来存在有挂!太...
黑科技美元局(鱼扑克辅助)德扑... WePoke高级策略深度解析‌；黑科技美元局(鱼扑克辅助)德扑线上素来真的是有挂!太无语了本来是有挂...
黑科技工具(pokerworl... 黑科技工具(pokerworld软件)WepOke一直存在有挂!太坑了素来是真的有挂(2020已更新...
黑科技数据(WPK识别)aap... 黑科技数据(WPK识别)aapoKER其实真的有挂!太夸张了先前是真的有挂(2026已更新)(哔哩哔...
黑科技规律(德州alphax)... 黑科技规律(德州alphax)微扑克ai一贯存在有挂!太嚣张了本然存在有挂(2023已更新)(哔哩哔...
黑科技美元局(wpk下载)德州... 黑科技美元局(wpk下载)德州aapoker俱乐部从前是有挂!太无语了果然真的是有挂(2022已更新...
黑科技辅助挂(wepoke中牌... 黑科技辅助挂(wepoke中牌率)好运大菠萝往昔存在有挂!太夸张了起初存在有挂(2022已更新)(哔...
黑科技游戏(WPK插件)wEp... 黑科技游戏(WPK插件)wEpOke往昔是有挂!太无语了一贯存在有挂(2020已更新)(哔哩哔哩)；...
黑科技了解(云扑克德州)wep... 黑科技了解(云扑克德州)wepoKE原来是真的有挂!太无语了本然有挂(2023已更新)(哔哩哔哩)是...