Angularjs 使用匿名函数

Angularjs 使用匿名函数,angularjs,controller,anonymous-function,Angularjs,Controller,Anonymous Function,我需要使用使用匿名函数调用控制器的指令在仪表板中显示一个包含两列的表,我在angular.js模块中收到错误: index.html页面 <!DOCTYPE html> <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script src="https://cdnjs.cloudflare.c

我需要使用使用匿名函数调用控制器的指令在仪表板中显示一个包含两列的表,我在angular.js模块中收到错误:

index.html页面

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-route.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular-animate.min.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular-sanitize.min.js"></script>

<script type="application/javascript" src="TableView.js"></script>
    <body ng-app="myNgApp">
        <div >
            <hpdTable></hpdTable>
        </div>
    </body>
</html>
<table>
  <tr ng-repeat="n in names">
    <td>{{ n.Name }}</td>
    <td>{{ n.Number }}</td>
  </tr>
</table>
</div>
TableView.html页面

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-route.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular-animate.min.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular-sanitize.min.js"></script>

<script type="application/javascript" src="TableView.js"></script>
    <body ng-app="myNgApp">
        <div >
            <hpdTable></hpdTable>
        </div>
    </body>
</html>
<table>
  <tr ng-repeat="n in names">
    <td>{{ n.Name }}</td>
    <td>{{ n.Number }}</td>
  </tr>
</table>
</div>

{{n.Name}
{{n.编号}}

怎么了?

如果您的指令被称为“hpdTable”,那么在html标记中,您应该使用:

<hpd-table></hpd-table>

改为使用
。谢谢dipseh,但我仍然收到一个错误未捕获错误:[$injector:nomod]function)@angular.js:38(匿名函数)@angular.js:2005b@angular.js:1929(匿名函数)@angular.js:2003(匿名函数)@TableView.js:1 angular.js:38未捕获错误:[$injector:moduler]…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A19%3A463)您能用代码制作一个plnkr吗?它有助于重现您的问题。未捕获错误:[$injector:nomod]函数)@angular.js:38(匿名函数)@angular.js:2005b@angular.js:1929(匿名函数)@angular.js:2003(匿名函数)@TableView.js:1 angular.js:38未捕获错误:[$injector:modulerr]…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A19%3A463)这样吗??角度.module('myNgApp',[]).directive('hpdTable',TableView);再次编辑。我会单独做,只是因为,通常我们在不同于指令的文件中对模块进行特殊化。太好了。现在我收到另一条错误消息:angular.js:10765 XMLHttpRequest无法加载file:///C:/dev/la/tableView.html. 跨源请求仅支持协议方案:http、数据、chrome、chrome扩展、https、chrome扩展资源。(匿名函数)@angular.js:10765r@angular.js:10558g@angular.js:10268(匿名函数)