Question

我是角色新手，目前正在将我的传统html / javascript网站转换为Angular应用程序。

我遇到了一个自定义指令，问题是它没有在视图中呈现。

通过阅读角度文档，我理解了驼峰套管约定，如果你没有'restrict'属性集，Angular会自动假设它是一个属性，所以我知道那里没有问题。 / p>

以下是我如何构建我的指令：

var directives = angular.module('app.directives', []);
directives.directive("dataPercent", [function() {
    return {
        restrict: 'E',
        template: '<a href="http://google.com">Click me to go to Google </a> '

    }
}]);

它在DOM中的表现如何：

<data-percentage></data-percentage>

在index.html标题中对指令的引用

<script src="assets/directives/dataPercentDirective.js"></script>

另外，以防万一我在app.js中启动我的控制器，指令和服务：

angular.module('app', ['app.controllers', 'app.directives', 'app.services']);

奇怪的是，开发工具中没有显示错误

Answer 1

使用datPercent作为数据保留关键字

数据是保留关键字。

jsbin http://jsbin.com/yexonayoho/edit?html,js,output

没有调用Angular自定义指令

1 个答案: