Question

我是AngularJs的新手。我试图调用自定义指令，但它没有被调用。

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script src="customDirective.js"></script>
</head>
<body>
    <div ng-app="app">
        <div ng-controller="MyController as ctrl">
            <testingDirective></testingDirective>
            {{ctrl.test}}
        </div>

    </div>

</body>

我的javascript文件如下：

var app=angular.module('app',[]);
app.controller('MyController',[function(){
    var self=this;
    self.test='no';
    
    }]);
app.directive('testingDirective',function(){
    return{
            
            restrict:'AE',
            replace:true,
            template:'<h1>Hello World Test</h1>'
        };
    });

Answer 1

指令：

app.directive('testingDirective',function(){});

HTML用法：

<testing-directive></testing-directive>

Answer 2

必须使用连字符调用Camel cased指令名称。例如，如果您有一个名为myDirective的指令，则可以在标记中将其用作<my-directive></my-directive>。

AngularJs自定义指令未被调用

2 个答案: