`directive`未加载到``ng view`

Question

我像这样加载我的控制器：

$routeProvider
            .when('/login', {
                templateUrl :   'js/scripts/views/login.html',
                controller:     'loginCont'
            })

工作正常。我决定在login.html中添加一个directive。如下所示：

<h1>I am login here! {{message}} </h1> //message updates from controller
<div loginDir>Testing</div> //css not applied

最后，我将loginDir.js添加到我的main.html中。

下面是我的loginDir函数：

'use strict';

angular.module('myNewApp')
    .directive('loginDir', function () {
        return function (scope, element, attrs) {
            return {
                restrict:'A',
                link : function () {
                    console.log("link called", element); //not consoling
                    element.css({border:'1px solid red'});
                }
            }
        }
    });

有人知道我哪里做错了吗？

Answer 1

您必须替换<div loginDir>

通过

 <div login-dir>

你可以在这里获得官方文档：https://docs.angularjs.org/guide/directive

Answer 2

像工厂函数一样，我错误地返回了一个函数，而不是返回一个对象。这是我的mupdate：

angular.module('myNewApp')
    .directive('loginDir', function () {
        return function (scope, element, attrs) { //wrong! need to remove
            return {
                restrict:'A',
                link : function () {
                    console.log("link called", element); //not consoling
                    element.css({border:'1px solid red'});
                }
            }
        } //need to remove.
    });