Angularjs 自定义树网格指令模板

求你了，我需要帮助， 我正在使用这个tree-grid指令，我想剪切模板，但我不知道在哪里做。 一旦我将

模板url=“pathtotemplate”

添加到

中，树网格就消失了： html文件：

<tree-grid tree-data="tree_data" tree-control="my_tree" col-defs="col_defs" 
            expand-on="expanding_property" on-select="my_tree_handler(branch)" on-click="my_tree_handler_s(branch)" 
             expand-level="2" template-url="temp/tree-grid-template.html"
  icon-leaf= "glyphicon glyphicon-globe"></tree-grid>

模板htmlfile（我没有更改任何内容）：

{{expandOn}}
{{col.displayName | | col.field}}
{{row.branch[expandOn]}
{{row.branch[col.field]}

我还尝试（在tree-grid-directive.js文件中）将每个url更改为使用我的模板的url，但没有任何更改，它只显示树网格，没有任何更改

---

多谢各位。致意。

我认为没有必要在模板文件中添加

脚本

标记，而且您已经按照

树形网格指令

中的建议包含了

引导

文件了吗？它起作用了，我如何在树形网格指令中包含引导文件？只需要引导css文件。将其包含在包含angular.js文件的文件中。可能是index.html删除

script

tag？？？后是否有效。如果您想使用自己的模板，则无需包含引导css文件。你可以有你自己的CSS文件。是的，我已经把它包括在内了。是的，它工作得很好，只需自定义模板。非常感谢，我认为没有必要在模板文件中添加

script

标记，而且您已经按照

tree grid directive

中的建议包含了

Bootstrap

文件了吗？它起作用了，我如何在tree grid directive中包含Bootstrap文件？只需要Bootstrap css文件。将其包含在包含angular.js文件的文件中。可能是index.html删除

script

tag？？？后是否有效。如果您想使用自己的模板，则无需包含引导css文件。你可以有你自己的CSS文件。是的，我已经把它包括在内了。是的，它工作得很好，只需自定义模板。多谢各位

<script type="text/ng-template" id="tree-grid-template.html">
    <div>
        <table class="table table-bordered table-striped tree-grid">
            <thead class="text-primary">
                <tr>
                    <th>{{expandOn}}</th>
                    <th ng-repeat="col in colDefs">{{col.displayName || col.field}}</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="row in tree_rows | filter:{visible:true} track by row.branch.uid" 
ng-class="'level-' + {{ row.level }} + (row.branch.selected ? ' active':'')" 
class="tree-grid-row">
                    <td class="text-primary"><a ng-click="user_clicks_branch(row.branch)">
<i ng-class="row.tree_icon" ng-click="row.branch.expanded = !row.branch.expanded" 
class="indented tree-icon"></i></a>
<span class="indented tree-label">{{row.branch[expandOn]}}</span></td>
                    <td ng-repeat="col in colDefs">{{row.branch[col.field]}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</script>