https://news.angularjobs.com/jquery-to-angularjs/

jquery-to-angularjs-12.js

var app = angular.module('myApp', []);
app.controller('accountsSummaryCtrl', function ($scope) {
  $scope.assetAccount = {
    name: 'Assets',
    balance: 4324.00,
    subAccounts: [{
      name: 'Bank Account',
      balance: 2000
    }, {
      name: 'Cash',
      balance: 2324.00
    }]
  };
});

app.directive('account', function () {
  return {
    restrict: 'E',
    scope: {
      account: '=name'
    },
    template: $('#account-template').html(),
    controller: function ($scope, $element, $attrs) {
      $scope.subAccountsOpen = false;
      $scope.toggleSubAccounts = function () {
        $scope.subAccountsOpen = !$scope.subAccountsOpen;
      }
    }
  }
});