Javascript未在离子模板hml文件的div中调用

Question

在我从控制器的离子应用程序中，我收到了一个逗号分隔值的json字符串。我想以表格格式在html中显示json字符串。 html放在模板目录中。

我从html的div调用java脚本函数来实现这一点，但是js函数没有被命中。 js包含在index.html中。我做错了什么？

以下是样本：

template / shop.html文件：

<ion-tabs class="tabs-icon-top tabs-color-active-positive">
<!-- Dashboard Tab -->
<ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong">
    <ion-view view-title="Shop">
        <ion-content>
            <ion-list>
                <ion-item ng-repeat="shop in shopList">
<!--
                    <div class="row">
                        <div class="col col-50 text-center">
                            <script type="text/javascript">
                                **createTable({{shop.Method}})**
                            </script>
                        </div>
                    </div>
-->
                    <div id="Method"></div>
                            <script>
                                console.log("Inside div");  **HERE IS THE CALL TO JS FUNCTION** 
                                **createTable({{shop.Method}});**
                            </script>
                </ion-item>
            </ion-list>
        </ion-content>
    </ion-view>
</ion-tab>
<!-- Chats Tab -->
<ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes">
    <ion-view view-title="Shop">
        <ion-content>
            <ion-list>
                <ion-item ng-repeat="shop in shopList">
                    <div class="row">
                        <div class="col col-50 text-center">
                            {{shop.Offers}}
                        </div>
                    </div>
                </ion-item>
             </ion-list>
        </ion-content>
    </ion-view>
</ion-tab>

这是我的smaple JS函数放在utility.js

中

//function createTable($scope, method){
function createTable(Method){
//    var tar=document.getElementById(Method);
//    $scope.shopMethod = [];
      var table=document.createElement('TABLE');
      table.border='1';
      var tbdy=document.createElement('TBODY');
      table.appendChild(tbdy);          
      for (var j=0;j<4;j++){
                       var tr=document.createElement('TR');
                       tbdy.appendChild(tr);
                       for (var k=0;k<2;k++){
                        var td=document.createElement('TD');
                        td.width='100';
                        if(k==0) td.innerHTML="School" +(j+1);
                        else    td.innerHTML="Percent" +(j+1);                                            
                        tr.appendChild(td);
                       }
              }
     //tar.appendChild(table);

//                            <div class="row">
//                            <div class="col col-50 text-center">
//                                {{shop.Method}}
//                            </div>
//                        </div>
//                            </div>
// $scope.shopMethod.push(table);
     console.log(table);
//document.getElementById(Method).innerHTML="Hello"
}