Angularjs 变量值未使用带有ng类的指令传入控制器

Angularjs 变量值未使用带有ng类的指令传入控制器,angularjs,angularjs-directive,angularjs-ng-class,Angularjs,Angularjs Directive,Angularjs Ng Class,我在ng类模板中引用控制器中变量的值,但它不起作用 以下是html指令模板URl: <div class="tooltip-anchor"> <div class=" tooltip-content ehub-body" ng-class="{ 'tooltip__content--disabled': tooltipContentValue}" ng-transclude>Tooltip content</div> </div> })() 试试

我在ng类模板中引用控制器中变量的值,但它不起作用

以下是html指令模板URl:

<div class="tooltip-anchor">
<div class=" tooltip-content ehub-body" ng-class="{ 'tooltip__content--disabled': tooltipContentValue}" ng-transclude>Tooltip content</div>
</div>
})()

试试这个

angular.module('ExampleApp',['ngMessages']))
.controller('ExampleController',函数($scope){
})
.directive('ehubTooltip',function(){
var指令={
链接:链接,
是的,
模板:“工具提示内容”,
限制:“E”
};
功能链接(范围、元素、属性){
scope.tooltipContentValue=false;
scope.keyupevt=函数(){
如果(event.keyCode===27){
scope.tooltipContentValue=true;
}
}
}
返回指令;
});


以什么方式不工作?发生了什么,这与您期望的有什么不同?@Harriswenstein its没有在ng Cals中传递它,但它在表达式{{tooltipContentValue}中运行良好。它没有显示false。。它只是直接显示tooltipContentValue还不太清楚,例如,我们看不到在哪里使用了
keyupevt
。创建一个复制problem@charlietfl我在使用指令的页面中使用了kepup,这很好。。当我按下esc键时,函数正在被调用,但我们没有办法复制它,这很难帮助
 <div style="text-align:center;">
  <a href="" ng-keyup="keyupevt()"><ehub-tooltip>Hello i am here, and i am her to stay</ehub-tooltip>over here</a>
  <a href="" ng-keyup="keyupevt()"><ehub-tooltip>Be nice to people on your way up and they will be nice to you on your way down</ehub-tooltip>click me</a>
 </div>
angular
  .module('ehub.component.tooltip', [])
    .controller('ehubTooltipCtrl', ['$scope', function ($scope) {
        $scope.tooltipContentValue = false;

    }])
  .directive('ehubTooltip', ehubTooltip);

function ehubTooltip() {
    var directive = {
        controller: "ehubTooltipCtrl",
        link: link,
        transclude: true,
        templateUrl: 'ehub-tooltip.html',
        restrict: 'E'

    };
    return directive;

    function link(scope, element, attrs) {

        scope.keyupevt = function () {
            if (event.keyCode === 27) {
                $scope.tooltipContentValue = true;

            }
         }

     }
  }