javascript - Angular 不从指令调用链接函数

Question

我正在与 Leadtools 合作开展一个项目。他们的支持帮助我将他们的文档查看器移植到 angular.js。他们的示例只是一个 index.html 页面，其中调用了两个指令:list 和 documentviewer。我已经获取了该代码并对其进行了修改，以便 index.html 中的代码现在处于部分状态，并且我保留了指令。这是他们给我的指令代码:

JBenchApp.directive("documentviewer", function () {
    return {        
        //templateUrl: "views/docviewer.html" //"<div id='documentviewerdiv'></div>",
        template: ' <div id="container"> ' +
        '<div id="top-panel">' +
        '<label for="interactiveSelect">Interactive mode:</label>' +
        '<select id="interactiveSelect"></select>' +
        '</div>' +
        '<div>' +
        '   <div id="left-panel"></div>' +
        '  <div id="middle-panel"></div>' +
        '<div id="right-panel">For bookmarks</div>' +
        '</div>' +
        '</div>',
    restrict: 'E',
        link: link
    };

});

JBenchApp.directive('list', function () {
    return {
        templateUrl: 'partials/list.html'
    };
});

function link(scope, element, attrs) {

  //This code handles displaying the documents. I've removed it as it isn't relevant to the question
};

这个链接函数永远不会被调用。它在演示中有效，但在这里不起作用。这是部分代码:

<div class="row">

   <div class="col-sm-3">

        <list>
            {{ listItems }}
        </list>
   </div>
   <div class="col-sm-8">
      <section  ng-app="JBenchApp"> 
            <documentviewer></documentviewer>
      </section>        
   </div>

</div>

调用了 documentviewer 指令，并且它的 HTML 模板部分工作正常，但链接函数从未运行。有什么想法吗？

Answer 1

也许这是您仅在 stackoverflow 中犯的一个拼写错误，但您缺少一个字符:

<div class="col-sm-8"> <!-- Missing ">" -->