为什么ng-transclude不能像预期的那样在角度js中工作

时间:2014-09-09 00:31:57

标签: angularjs angularjs-directive

我用一个孤立的范围做了一个简单的指导。我阅读了transclude的教程但是当我应用它时没有按预期工作。我需要显示“dd”并一起测试我如何显示这个 这是我的傻瓜 http://plnkr.co/edit/OxmVga7DdkNxzPnfDtGS?p=preview

 var app =angular.module('app',[]);
  app.directive('newdir',function(){
    return {
      restrict:"E",
      scope:{
        fr:'@'
      },
      replace:true,
    transclude: true, // we want to insert custom content inside the directive
      template:"<div ng-transclude >{{fr}}</div>"

    }
  }); 

1 个答案:

答案 0 :(得分:1)

完全替换了被剔除的元素。用这个替换你的模板,看看发生了什么:

<div><h3>BEFORE</h3><h1 ng-transclude>MISSING</h1><h3>AFTER</h3>{{fr}}</div>