javascript - 指令中的链接功能是否通过路由运行？

Question

我已经在谷歌上搜索了一段时间，但没能找到直接的答案。

如果我有一个像这样的 Todo 应用程序的文件结构:

app.js
index.html
 -- Todo
  | -- todo.html
  | -- todoModule.js
  | -- todoController.js
  | -- todoDirective.js
 -- Routes
  | -- routes.js

在 todoDirective.js 中我有:

myApp.directive('todoDirective', [function() {
    function link(scope, element, attrs) {
        console.log('todo directive');
    };

    return {
        restrict: 'E',
        link: link,
        templateUrl: 'todo.html'
    };
}])

在routes.js中我有:

myApp.config(['$routeProvider', function($routeProvider) { 'use strict';
    $routeProvider
        .when('/', {
            templateUrl: '/todo',
            controller: 'todoController'
        })
        .otherwise({
            redirectTo: '/'
        });
}]);

我认为我会在控制台看到“todo 指令”输出，这种想法正确吗？

我正在开发一个更大的应用程序，最近发现我似乎无法从给定的指令链接函数访问 DOM。我对 Angular 的工作原理是否有误解？

您能提供的任何见解都会很棒。谢谢。

Answer 1

指令 link/controller 在 html 页面上创建它的实例时执行。与路线无关。

如果模板附有路线，例如'/todo.html' 包含一个指令元素，然后它将运行其链接/ Controller 功能...