Javascript 指令中的AngularJS模板函数出现错误'；指令的模板必须只有一个根元素'；_Javascript_Html_Angularjs_Angularjs Directive_Angularjs Templates

Javascript 指令中的AngularJS模板函数出现错误'；指令的模板必须只有一个根元素'；

javascript html angularjs

Javascript 指令中的AngularJS模板函数出现错误'；指令的模板必须只有一个根元素'；,javascript,html,angularjs,angularjs-directive,angularjs-templates,Javascript,Html,Angularjs,Angularjs Directive,Angularjs Templates,我正在处理一个角度应用程序。对于某个指令，我使用如下模板函数： template: function(element, attr) { return '<div class="myClass">/..some HTML here../</div>' } 模板：函数（元素，属性）{ 返回“/…此处有一些HTML…” } 但是，当我运行代码时，会出现以下错误：错误：指令的模板必须只有一个根元素was 函数（元素，属性）{…

我正在处理一个角度应用程序。对于某个指令，我使用如下模板函数：

template: function(element, attr) {
              return '<div class="myClass">/..some HTML here../</div>'
          }

模板：函数（元素，属性）{
返回“/…此处有一些HTML…”
}

但是，当我运行代码时，会出现以下错误：

错误：指令的模板必须只有一个根元素was 函数（元素，属性）{…函数定义在这里}

如果我将其更改为正常的键值对，如下所示，它可以正常工作

template: '<div class="myClass">/..some HTML here../</div>'

template:“/…这里有一些HTML…”

我不明白这里怎么了。链接和编译函数工作正常。在此方面的任何帮助都将不胜感激。提前感谢

此功能在angular 1.1.4的更高版本中引入。您必须升级或找到@saiyan提到的解决方法

检查此按钮，KR-

HTML:

你能为你的问题发一封邮件吗？您使用的是哪种角度版本？当你把一个函数传递给模板时，你有没有生成html的逻辑？>@NikhilBhandari我只是从函数返回html，没有使用任何生成html的逻辑，尽管我想在

ng开关中使用一些attr
。我使用的是angular v1.0.4 Directive template变量需要一个值。你的传递函数。如果你想使用function，请在某处声明该函数，并在此处调用它，如template:myfunction（）我试图将函数传递给模板，但在angular 1.0.4中不起作用。我认为它是在1.1.4中引入的。检查这个plunkr谢谢@NikhilBhandari我不知道
<!DOCTYPE html>
<html ng-app="myapp">

   <head>

    <!-- CHANGE THE ANGULAR VERSION HERE  -->
    <script src="https://code.angularjs.org/1.0.4/angular.js"></script>

    <script src="app.js"></script>
  </head> 

  <body >
    <div something></div>
  </body>

</html>

var app = angular.module('myapp', []);

app
    .directive("something", function () {
        return {
            template: function () {
                return "Hello World!";
            }
        }
    })