如何在angular 1.x中使用jspanel4？

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.x.x/angular.min.js"></script>
<script src="path/to/jspanel.min.js"></script>
<link rel="stylesheet" href="path/to/jspanel.min.css">

angular.module('myApp', [])
  .controller('myController', function($scope, $compile) {
    // 控制器逻辑
  });

angular.module('myApp', [])
  .controller('myController', function($scope, $compile) {
    $scope.openPanel = function() {
      var panelContent = '<div>Hello, jspanel4!</div>';
      var compiledContent = $compile(panelContent)($scope);
      
      var panel = jsPanel.create({
        content: compiledContent[0],
        position: 'center',
        // 更多配置选项...
      });
    };
  });

<div ng-app="myApp" ng-controller="myController">
  <button ng-click="openPanel()">打开面板</button>
</div>