在AngularJS中，点击一个按钮后，如何检索两个Json文件中的一个，并把它放在$scope变量中

In AngularJS, after clicking a button, how to retrieve one of the two Json files and put it in $scope variable?

本文关键字：一个 文件 变量 scope Json 何检索 按钮 AngularJS 检索 两个      更新时间：2023-09-26

例如

有两个JSON文件:

Json文件#1:[{colorname:blue},{colorname:blue}]

Json文件#2:[{colorname:red},{colorname:red}]

控制器中有一个变量$scope.color

在html中，有两个按钮，一个叫做"colorblue"。另一个叫做colorred

我想做的是:当点击按钮"colorblue"，$scope.color变量等于Json文件#1;点击"colorred"按钮时，$scope.color变量等于Json文件#2。

提前感谢!

您可以将函数绑定到按钮单击事件。该函数将在$scope:

中调用。

function Main($scope) {
  var file1 = [{
    colorname: "blue"
  }, {
    colorname: "blue"
  }];
  var file2 = [{
    colorname: "red"
  }, {
    colorname: "red"
  }];
  $scope.color  = null;
  $scope.file = function(a) {
    switch (a) {
      case 1:
        $scope.color  = file1;
        break;
      case 2:
        $scope.color  = file2;
        break;
    }
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app ng-controller="Main">
  <button ng-click="file(1)">colorblue</button>
<button ng-click="file(2)">colorred</button>
  {{color}}
  </body>

相关文章：