angularjs-ng-repeat - jqwidgets角度ツリーウィジェットがjsfiddleで機能しない

Question

私は、先月 9 月にリリースされたばかりの新しい jqwidgets-angular バージョンを使用しています。

グリッドツリーはうまく機能していますが、ツリー ウィジェットに問題があります。

参考までに: これは、こちらの angular-tree デモに基づいています: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxangular/index.htm#demos/jqxangular/tree.htm

これが私が取り組んでいるjsfiddleですが、ここでレンダリングするツリーを取得できません:ツリーウィジェット

だから2つのこと：

1) 誰かがこの jsfiddle を機能させるのを手伝ってくれますか? 2）ng-repeatを使用してjqxツリーをレンダリングするのを手伝ってくれる人はいますか

そのjsfiddleのコードは次のとおりです。

div内の単純なng-repeat（ツリーウィジェットなし）。これはテスト目的のためだけです:

<div ng-app="App" ng-controller="myController">
  <div>
     <ul>
        <li ng-repeat="kriGroup in kriData">{{kriGroup.group}}</li>
     </ul>
  </div>
</div>

そして、ここに jqx-tree ディレクティブがありますが、これは jsfiddle の例では機能していません:

 <div ng-controller="myController">
    <jqx-tree jqx-width="'300px'" jqx-height="'300px'">
            <ul>
                <li id='home'>Home</li>
                <li item-expanded='true'>Solutions
                    <ul>
                        <li>Education</li>
                        <li>Financial services</li>
                        <li>Government</li>
                        <li>Manufacturing</li>
                        <li>Solutions
                            <ul>
                                <li>Consumer photo and video</li>
                                <li>Mobile</li>
                                <li>Rich Internet applications</li>
                                <li>Technical communication</li>
                                <li>Training and eLearning</li>
                                <li>Web conferencing</li>
                            </ul>
                        </li>
                        <li>All industries and solutions</li>
                    </ul>
                </li>
                <li>Products
                    <ul>
                        <li>PC products</li>
                        <li>Mobile products</li>
                        <li>All products</li>
                    </ul>
                </li>
                <li>Support
                    <ul>
                        <li>Support home</li>
                        <li>Customer Service</li>
                        <li>Knowledge base</li>
                        <li>Books</li>
                        <li>Training and certification</li>
                        <li>Support programs</li>
                        <li>Forums</li>
                        <li>Documentation</li>
                        <li>Updates</li>
                    </ul>
                </li>
                <li>Communities
                    <ul>
                        <li>Designers</li>
                        <li>Developers</li>
                        <li>Educators and students</li>
                        <li>Partners</li>
                        <li>By resource
                            <ul>
                                <li>Labs</li>
                                <li>TV</li>
                                <li>Forums</li>
                                <li>Exchange</li>
                                <li>Blogs</li>
                                <li>Experience Design</li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>Company
                    <ul>
                        <li>About Us</li>
                        <li>Press</li>
                        <li>Investor Relations</li>
                        <li>Corporate Affairs</li>
                        <li>Careers</li>
                        <li>Showcase</li>
                        <li>Events</li>
                        <li>Contact Us</li>
                        <li>Become an affiliate</li>
                    </ul>
                </li>
            </ul>   
    </jqx-tree>
</div>

そして最後に js コントローラ コード:

  angular.module('App', ['jqwidgets'])
   .controller('myController', function ($scope) {
    $scope.kriData = [
        {
        "group": "99_HSVaR",
        "kris": [
            {
            "kri": "1D"
            },
            {
            "kri": "1D CR"
            },
            {
            "kri": "1D EQ"
            },
            {
            "kri": "1D EUR/USD"
            }
        ]
        },
        {
        "group": "Additive",
        "kris": [
            {
            "kri": "MCS"
            }
        ]
        },
        {
        "group": "AsianCrisis",
        "kris": [
            {
            "kri": "Stressed"
            }
        ]
        }                   
    ];       
  })