Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 不从指令调用链接函数_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 不从指令调用链接函数

Javascript 不从指令调用链接函数,javascript,html,angularjs,Javascript,Html,Angularjs,我正在与Leadtools合作一个项目。他们的支持帮助我将他们的文档查看器移植到angular.js。他们的示例只是一个index.html页面,调用了两个指令:list和documentviewer。我已经使用了该代码并对其进行了修改,因此index.html中的代码现在是部分代码,而我没有使用指令。这是他们给我的指令代码: JBenchApp.directive("documentviewer", function () { return { //te

我正在与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
};
jbenchap.directive(“documentviewer”,函数(){
返回{
//templateUrl:“views/docviewer.html”//”,
模板:“”+
'' +
'交互模式:'+
'' +
'' +
'' +
'   ' +
'  ' +
'用于书签'+
'' +
'',
限制:'E',
链接:链接
};
});
jbenchap.directive('list',function(){
返回{
templateUrl:'partials/list.html'
};
});
功能链接(范围、元素、属性){
//此代码处理文档的显示。我已将其删除,因为它与问题无关
};
从未调用此链接函数。它在演示中起作用,但在这里不起作用。以下是部分测试的代码:

<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>

{{listItems}}

documentviewer指令被调用,其中的HTML模板部分工作正常,但是link函数永远不会运行。有什么想法吗?

也许这是您在stackoverflow中的一个输入错误,但您缺少了一个字符:

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

但是链接功能永远不会运行

也许,通过将链接函数放在glocal作用域中,它正在被重写(?)


尝试在指令定义内移动链接函数。

对此的回答很有启发性。另一个开发人员以前曾尝试将供应商的示例应用程序迁移到我们的应用程序中。他留下了一个指令和一个链接函数,它们的名称与我试图使用的相同。取出第二个指令和第二个链接函数完成了任务。谢谢大家的帮助。

谢谢,但这只是一个打字错误。我现在正在修复它。我可能会尝试一下,但有一件事对我来说没有意义,那就是它在他们的演示中工作,代码是一样的。这对我来说很好,请看@sniels,我看到您以不同的方式声明了您的指令。我还更改了我的指令,使link现在看起来像这样:
link:function(){alert('link fired');}
Nothing firessems要和我一起工作,也许您的项目中还有一些我们不知道的事情。看见