AngularJS显示json by指令

AngularJS是一种流行的前端开发框架，它通过指令（directive）来扩展HTML语法，实现动态数据绑定和组件化开发。在AngularJS中，可以使用指令来显示JSON数据。

指令是AngularJS的核心特性之一，它允许开发者通过自定义HTML标签、属性或类名的方式来扩展HTML的功能。对于显示JSON数据，可以使用ng-repeat指令来遍历JSON对象的属性，并将其显示在页面上。

下面是一个示例代码，演示如何使用AngularJS的ng-repeat指令来显示JSON数据：

<!DOCTYPE html>
<html ng-app="myApp">
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
</head>
<body>
  <div ng-controller="myController">
    <ul>
      <li ng-repeat="item in data">{{ item.name }} - {{ item.age }}</li>
    </ul>
  </div>

  <script>
    var app = angular.module('myApp', []);
    app.controller('myController', function($scope) {
      $scope.data = [
        { name: 'John', age: 25 },
        { name: 'Jane', age: 30 },
        { name: 'Bob', age: 35 }
      ];
    });
  </script>
</body>
</html>

在上述代码中，我们首先引入了AngularJS的库文件，然后创建了一个名为"myApp"的AngularJS应用。接着，在页面中使用ng-controller指令来指定一个控制器，这里我们将控制器命名为"myController"。在控制器中，我们定义了一个名为"data"的数组，其中包含了一些JSON对象。最后，使用ng-repeat指令来遍历"data"数组，并将每个对象的"name"和"age"属性显示在页面上。

这样，当页面加载时，AngularJS会自动解析并渲染指令，将JSON数据显示在页面上。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。