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的布局

相关内容

热门资讯

透视辅助！wpk透视辅助方法，... 透视辅助！wpk透视辅助方法，有哪些免费的wpk作弊码-确实有辅助技巧（哔哩哔哩）1、首先打开辅助器...
透视普及！hhpoker有没有... 透视普及！hhpoker有没有辅助，hhpoker辅助-其实是有辅助教程（哔哩哔哩）1、免费辅助多个...
透视科普！aapoker透视方... 透视科普！aapoker透视方法，aapoker公共底牌-果然真的是有辅助攻略（哔哩哔哩）透视科普！...
透视开挂！wpk有作弊吗，wp... 透视开挂！wpk有作弊吗，wpk作弊最怕三个东西-总是一直都是有辅助方法（哔哩哔哩）1、玩家可以在线...
透视必备！德州机器人代打脚本，... 透视必备！德州机器人代打脚本，智星德州插件怎么下载-切实存在有辅助技巧（哔哩哔哩）1）智星德州插件怎...
透视解迷！德普之星辅助器怎么用... 透视解迷！德普之星辅助器怎么用，德普之星辅助软件-竟然一直总是有辅助技巧（哔哩哔哩）1、公共底牌简单...
透视解密！wpk作弊最怕三个东... 透视解密！wpk作弊最怕三个东西，wpk控制牌是真的吗-好像一直总是有辅助软件（哔哩哔哩）1、有没有...
透视曝光！德普之星透视辅助插件... 您好，这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多玩家在这款游戏中打...
透视有挂！wpk辅助购买，wp... 透视有挂！wpk辅助购买，wpk作弊-好像一直总是有辅助方法（哔哩哔哩）透视方法中分为三种模型：靠谱...
透视关于！wpk官网下载链接，... 透视关于！wpk官网下载链接，wpk俱乐部是真的吗-一贯存在有辅助教程（哔哩哔哩）运辅助工具，进入游...