如何在指令链接函数angularjs中显示来自对象的数据?

时间:2016-09-01 18:21:36

标签: javascript angularjs angularjs-directive angular-directive

我从主控制器中的对象调用数据。它显示完美。我现在有一个要求,我必须在指令的链接函数中移动对象,并且仍然以它之前呈现的方式呈现它。

以下是主要的HTML代码。

<cs-tooltip id="cs-tooltip" testingtooltip="firsttooltip" testfunc="secondBut()" ng-show="showtooltip"></cs-tooltip>

以下是该指令的templateUrl代码:

<div id="cs-tooltip-title">{{testingtooltip.title}}</div>

这是我拥有的对象的一个​​例子:

$scope.firsttooltip = {
    content: 'Score derived. Score derived. Score derived. Score derived. Score derived. Score derived. Score derived. Score derived. ',
    title: "Threat Score",
}

我使用的对象非常复杂,我在这里简化了它以理解这个概念。我试图像这样在指令中创建一个链接函数,数据不会显示出来。

link: function($scope){
        //the same object here
    }

1 个答案:

答案 0 :(得分:0)

如果没有更多细节,我只能想到一个可以通过超时修复的问题。

如果您有指令范围:

scope: {
  testingtooltip: '='
}

在链接功能中,您可以尝试:

link: function($scope, $timeout){
  $timeout(function() {
    console.log($scope.testingtooltip);
  });
}