Angular directive for properties

[desfero]

Hello, can i use angular directive for setting properties (paneSize, maxSize, minSize) in my html?

Best regards

[Gobalakrishnan S]

Hi Desfero,

Thanks for using Syncfusion products.

We need to define the mentioned properties as object in the angular scope and assign that variable as the value of the “e-properties” API of the splitter control. Please refer the below code snippet.

<div id="outterSpliter" ej-splitter e-height="Height" e-width="Width" e-properties="prop">

                        <div>                         

                           <div class="cont"> Pane 1 </div>                        

                        </div>

                        <div>

                            <div class="cont"> Pane 2 </div>

                       </div>

                    </div>

angular.module('splitterApp', ['ejangular']).controller('SplitCtrl', function ($scope) {

            $scope.Width = "401";

            $scope.Height = "250";

            $scope.prop = [{ paneSize: 80,minSize:50,maxSize:150 }]

        });

For your convenience we have prepared an example sample using JS playglound, please check with it.

http://jsplayground.syncfusion.com/bl4pkckx

Please let us know if you have further queries.

Regards,

Gobalakrishnan S