Question

为什么$ click在单击按钮时失败？在指令中正常工作。我还在$ apply函数块中尝试了$ compile，但这也没有用。

http://plnkr.co/edit/rB5zteYTZ2L1WB5RzlHg

的index.html

<body ng-app="MyApp" ng-controller="MainController">
  {{message}}
  <div my-content>
  </div>
  <script src="main.js"></script>
</body>

main.js

var app=angular.module('MyApp', [])
  .controller('MainController', 
    function($scope, $rootScope, $compile) {
      $scope.label="| LABEL 1";
      $scope.elem={};
      $scope.message="";
      $scope.doSomething = function(){
        $scope.message = "should read TITLE 2 | LABEL 2 ---->";
        $scope.label="| LABLE 2";

        $scope.activeTemplate = $scope.template2;

        var linkFn = $compile($scope.activeTemplate);
        var content = linkFn($scope);
        $scope.elem.replaceWith(content);

      };
      $scope.activeTemplate="<button ng-click='doSomething()'>TITLE 1 {{label}}</button>";
      $scope.template2="<button ng-click='doSomething()'>TITLE 2 {{label}}</button>";
    }
  );

app.directive("myContent", function($compile){
return {
    link: function(scope, element){
        var template =scope.activeTemplate;
        var linkFn = $compile(template);
        var content = linkFn(scope);
        element.replaceWith(content);
        scope.elem=element;
    }

}; }）;

问题，或至少错误发生在： $ scope.elem.replaceWith（内容）;

按钮事件中的

。 $ scope.elem似乎有效，所以我不确定它是什么

错误：

Angular指令$ compile vs event $ compile

0 个答案: