当开始使用数据-*时，无法识别AngularJS指令

I'm new to AngularJS. Need some help with the directive I created. This is My HTML:

我新AngularJS。我创建的指令需要一些帮助。这是我的HTML:

<data-table template-url="dataTable.html" info="someData"></data-table>

I get "someData" from server in my controller - directive.js:

我在我的控制器directive.com中从服务器获取“someData”。

app.directive('dataTable', function() {
 return{
    restrict: 'E',
    scope: {
        data : '=info'
    },
    link: function($scope,elem,attrs){
         ///some code here.
    },
    templateUrl : function(elem, attrs) {
        return attrs.templateUrl;
    }
});

The issue is when I debug my code, it come to the directive by doesn't go inside. (I used javascript debug in chrome). Is there anything I'm missing. The restrict Tag is proper, name is correct what else is needed? I did look at the similar questions but couldn't find any solution. Here is a fiddle : Demo

问题是，当我调试我的代码时，它的指令是不进入内部的。(我在chrome中使用了javascript调试)。有什么我遗漏的吗?限制标签是正确的，名称是正确的，还需要什么?我确实研究过类似的问题，但没有找到任何解决办法。这是一个小提琴:演示

1 个解决方案

#1

You can't use directive names starting with data-* because its reserved by AngularJS ng core namespaces. Just use an other name to start with and you will be fine.

不能使用以data-*开头的指令名，因为它由AngularJS ng核心名称空间保留。只要用另一个名字开头就可以了。

<my-data-table template-url="dataTable.html" info="someData"></my-data-table>

And your directive:

和你的指令:

myApp.directive('myDataTable', function() {
  return {
    scope: {
      data: '=info'
    },
    link: function($scope, elem, attrs) {
      ///some code here.
      console.log(attrs.templateUrl);
    },
    templateUrl: function(elem, attrs) {
       return attrs.templateUrl;
    }
  }
});

1 个解决方案

#1

更多相关文章

随机推荐