AngularJS + JQuery:如何在angularjs中使用动态内容

<ul>
  <li ng-repeat="item in items">{{item.name}}</li>
</ul>

<p>{{price | currency}}</p>

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

<ul>
  <li ng-repeat="item in data">{{item.name}}</li>
</ul>

app.directive('myDirective', function() {
  return {
    restrict: 'A',
    link: function(scope, element, attrs) {
      // 在这里编写自己的逻辑
    }
  };
});

<div my-directive>这是一个自定义指令</div>