Angularjs Angular JS正在尝试创建标头的克隆,但指令不再适用于克隆

Angularjs Angular JS正在尝试创建标头的克隆,但指令不再适用于克隆,angularjs,angularjs-directive,angular-ui,angular-bootstrap,Angularjs,Angularjs Directive,Angular Ui,Angular Bootstrap,试着做这样的事情 angular.element('.header').addClass('original').clone().insertAfter('.header').addClass('cloned').css('position', 'fixed').css('top', '0').css('margin-top', '0').css('z-index', '500').css('padding-top', '15px').css('padding-bottom', '16p

试着做这样的事情

    angular.element('.header').addClass('original').clone().insertAfter('.header').addClass('cloned').css('position', 'fixed').css('top', '0').css('margin-top', '0').css('z-index', '500').css('padding-top', '15px').css('padding-bottom', '16px').removeClass('original').hide();
    angular.element('.cloned').show();
    angular.element('.original').css('visibility', 'hidden');
    angular.element('.original').addClass('orginal-header');
它为粘性标题解决方案创建了我的标题克隆,但我注意到标题中链接上的指令,即打开/关闭弹出菜单的帮助链接不再起作用

也就是说,在我的标题中我有这个

<div class="dropdown pull-right" dropdown on-toggle="toggled(open)">
        <a class="btn btn-default btn-menu dropdown-toggle" href dropdown-toggle> Help? </a>
        <ul class="dropdown-menu">
          <li><a ui-sref="help">Get Help?</a></li>
          <li><a href open-support-modal>Report an Issue</a></li>
        </ul>
      </div>

我有一个点击事件下拉切换,不再触发复制的标题


有什么想法吗?

因为您正在修改DOM,所以必须通知angular,它需要重新检查一下。这就是
$compile
服务的目的。在克隆代码之后添加此代码:

var element = angular.element(".cloned"); 
$compile(element.contents())(scope);

因为您正在修改DOM,所以必须通知angular它需要重新检查一下。这就是
$compile
服务的目的。在克隆代码之后添加此代码:

var element = angular.element(".cloned"); 
$compile(element.contents())(scope);

因为您正在修改DOM,所以必须通知angular它需要重新检查一下。这就是
$compile
服务的目的。在克隆代码之后添加此代码:

var element = angular.element(".cloned"); 
$compile(element.contents())(scope);

因为您正在修改DOM,所以必须通知angular它需要重新检查一下。这就是
$compile
服务的目的。在克隆代码之后添加此代码:

var element = angular.element(".cloned"); 
$compile(element.contents())(scope);

克隆完成后,您需要再次附加事件。因此,我需要在帮助链接上重新附加下拉切换指令?如果我在源代码中查看两个头的html,它们都是相同的,只是原始的有工作指令,克隆的头指令没有任何作用。我认为可能需要使用
$compile
编译html代码。这可能会解决这个问题:
var element=angular.element(.cloned”)$编译(element.contents())($scope)让我们来。克隆完成后,您需要再次附加事件。所以我需要在帮助链接上重新附加下拉切换指令?如果我在源代码中查看两个头的html,它们都是相同的,只是原始的有工作指令,克隆的头指令没有任何作用。我认为可能需要使用
$compile
编译html代码。这可能会解决这个问题:
var element=angular.element(.cloned”)$编译(element.contents())($scope)让我们来。克隆完成后,您需要再次附加事件。所以我需要在帮助链接上重新附加下拉切换指令?如果我在源代码中查看两个头的html,它们都是相同的,只是原始的有工作指令,克隆的头指令没有任何作用。我认为可能需要使用
$compile
编译html代码。这可能会解决这个问题:
var element=angular.element(.cloned”)$编译(element.contents())($scope)让我们来。克隆完成后,您需要再次附加事件。所以我需要在帮助链接上重新附加下拉切换指令?如果我在源代码中查看两个头的html,它们都是相同的,只是原始的有工作指令,克隆的头指令没有任何作用。我认为可能需要使用
$compile
编译html代码。这可能会解决这个问题:
var element=angular.element(.cloned”)$编译(element.contents())($scope)让我们。