AngularJS - 在模板中使用指令

Question

我对自定义指令有疑问。

是否可以

1. 创建自定义指令
2. 为其提供templateURL属性和
3. 在模板网址中使用ng-grid属性？

我尝试了它，虽然如果在模板中声明我的网格没有正确呈现。这就是我的模板代码的样子

 <div class="gridStyle" ng-grid="gridOptions">
 </div>

我的自定义指令中的控制器代码看起来像

treeApp.controller('treeController',function ($scope, $http,TreeFactory) {
    console.log("calling controller");

TreeFactory.getTreeData().success(function(data){

    $scope.myData = data;
    $scope.gridOptions = { data: 'myData' };
});;

这就是我的自定义指令的样子

treeApp.directive('ngTree', function(TreeFactory) {
 return {
  restrict: 'A',
  require: '^ngModel',
  templateUrl: 'js/angular/templates/ngtree-template.html',
});