Setting partial page content for Panel within a List using JavaScript

---

We will see how the content of a Panel can be set to a Partial Page. We will be embedding the Panel within a List and use JavaScript to trigger the loading of the Partial Page content.

$scope.panel1Expand = function($event, $isolateScope, item, currentItemWidgets) {
    debugger;
    _.forEach($('[name="livelist1"]> ul .app-panel'), function(object) {
        $(object).isolateScope().expanded = false;
    });
    currentItemWidgets.panel1.expanded = true;
    $scope.$apply();
};