There are multiple a tags (a tag 1, a tag 2, a tag 3), and each button corresponds to different JSON data (JSON1, JSON2, JSON3). Please tell me how to set up when I click on the first a tag to load the corresponding JSON data?

Use ng-repeat to loop through multiple a tags.

 
 
{{data.title}}
 
{{data.dec}}
 

Then jump to the question target page. It is also looped out using ng-repeat. I just want to jump here on the previous page to get different json content.

 
 {{data.title}} 
 
  
 

Corresponding JSON file.

"JSON0":[{ "image":["img/001.jpg","img/002.jpg","img/026.jpg","img/014.jpg"], "title":"1234" }], "JSON1":[{ "image":["img/019.jpg","img/013.jpg"], "title":"4567" }}], "JSON2":[{ "image":["img/029.jpg","img/014.jpg"], "title":"78910" }]

Get JSON settings.

app.controller("content",function($scope,$http){ $scope.$watch("viewContentLoaded",function(){ $http({ method:"GET", url:"./zt.json" }).then(function(response){ //var test1 = response.data.zt.JSON0; //$scope.test = test1; $scope.topBanner = function($event,$index){ var test1 = "response.data.zt.ztTopbanner"+$index; $scioe.test = test1; } })

At first, I wanted to dynamically change the path to obtain JSON. Who knew an error was reported. . Probably because dynamic modification is not allowed or something? Only specified values? ? I don’t quite understand either. So find the solution! Newbies are stuck here! I've been looking for a long time but can't find a way!
Please give me some advice! Trouble!

// This will work