gpt4 book ai didi

javascript - 指令中的 AngularJS 模板函数给出错误 'Template for directive must have exactly one root element'

转载 作者:行者123 更新时间:2023-11-28 00:59:18 25 4
gpt4 key购买 nike

我正在开发一个 Angular 应用程序。对于某个指令,我使用这样的模板函数:

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

但是,当我运行我的代码时,出现以下错误:

Error: Template for directive must have exactly one root element, was function (element, attr) { ...the function definition goes here }

如果我按如下方式将其更改为普通键值对,则可以正常工作。

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

我不明白这里出了什么问题。链接和编译功能工作得很好。对此的任何帮助将不胜感激。提前致谢

最佳答案

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

检查这个 plunkr - plnkr.co/edit/QVdE3xdn3hmcoQ33gj2R?p=preview

HTML:

<!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>

JS:

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

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

关于javascript - 指令中的 AngularJS 模板函数给出错误 'Template for directive must have exactly one root element',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42871278/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com