Question

单击指令时

ShowPopover不起作用。你能帮我找出问题的原因吗？

指令：

 angular.module('landingBuilder').directive('popoverDirective', popoverDirective);

        function popoverDirective() {
            return {
                restrict: 'E',
                templateUrl: '/libs/landing-builder/directive/popover-directive/popover-directive.html',
                controller: controller,
                controllerAs: 'vm',
                transclude: true,
                bindToController: true
            };

            function controller($element, $document){
                var vm = this;
                vm.showPopover = showPopover();
                function showPopover() {
                    console.log('show popover');
                };
            }
        }

模板：

<div class="input-layover popup-target" ng-click="vm.showPopover"</div>

Answer 1

在此使用showPopover()代替showPopover。

myApp.directive('myDirective', function() {
  return {
    restrict: 'E',
    template: '<button ng-click=vm.showPopover()>hello</button>',
    controller: controller,
    controllerAs: 'vm',
    transclude: true,
    bindToController: true
  };

  function controller($element, $document) {
    var vm = this;
    vm.showPopover = showPopover;

    function showPopover() {
      console.log('show popover');
    };
  }
});

的 Working Fiddle

Answer 2

看看这个小提琴：https://jsfiddle.net/ns0pe1ur/

你在代码中犯了一些错误：

这不合适html
您需要在ng-click上调用函数，而不是在控制器内部调用

您的模板应如下所示：

 <div class="input-layover popup-target" ng-click="vm.showPopover()"></div>

你的控制器是这样的：

  function controller($element, $document) {
    var vm = this;
    vm.showPopover = showPopover;

    function showPopover() {
      console.log('show popover');
    };
  }

Angularjs ng-click指令内部。 ControllerAs连接问题

2 个答案: