Как использовать jspanel4 с angular 1.x?

Прежде всего откройте панель с плавающей запятой с помощью jsPanl, как показано ниже:

    jsPanel.create({
        theme: 'primary',
        headerTitle : 'my panel #1',
        position : 'center-top 0 58',
        panelSize : '400 400',
        contentSize : '450 250',
        headerControls: 'all',
        content : '<div>{{data}}</div>',
        callback : panelCalback 
    });

Где panelCalback - это функция:

function panelCalback() {
    //1- convert to angular element
    var element = angular.element(this.content);

    // 2- compile the element
    var link = $compile(element);

    // 3- create panel controller
    var wbFloat = {
            hide: function(response) {
                panel.close();
                deferred.resolve(response);
            },
            cancel: function(response) {
                panel.close();
                deferred.reject(response);
            }
    };

    //4- load controller
    var childScope = $rootScope.$new(false, $rootScope);
    $controller('ControlerName', {
        $scope : childScope,
        $element : element,
        $wbFloat : wbFloat
    });
    link(childScope);
}

Он преобразует элемент в угловой элемент, а затем компилирует его с помощью контроллера и изолированной области видимости.