转换忽略模板文本

时间:2014-01-15 09:18:54

标签: angularjs angularjs-directive

有人能告诉我为什么在下面的例子中,“Say Hello”这个文字没有包含在翻译中吗?因此,您可以看到按钮和“Goodbye”链接,但不能看到模板中的文本。

非常感谢

<greeting ng-transclude>
    <a href="">Goodbye</a>
  </greeting>

  <script>
  angular.module('myApp', []).directive('greeting', function() {
    return {
      restrict: 'E',
      replace: true,
      transclude : true,
      template: "<button class='btn'>Say Hello</button>"
    };
  });
  </script>

Fiddle here:)

1 个答案:

答案 0 :(得分:2)

template: "<button class='btn'>Say Hello</button>"

应该是:

template: "<button class='btn' ng-transclude>Say Hello</button>"

这意味着使用ng-transclude prop的代码而不是原始代码。