gpt4 book ai didi

javascript - 指令中的模板未出现

转载 作者:行者123 更新时间:2023-12-02 17:42:44 24 4
gpt4 key购买 nike

我是 AngularJS 的新手,正在学习指令。我使用了 Egghead.io 的教程,但仍坚持使用以下示例:

<html>
<head lang="en">
<script type = "text/javascript" src = "../libs/angular/angular.js" ></script >
<script type = "text/javascript" src = "example.js" ></script>
</head>
<body>

<div ng-app="phoneApp">
<div ng-controller="phoneCtrl">
<phoneDir></phoneDir>
</div>
</div>
</body>
</html>

example.js 包含以下内容:

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

app.controller('phoneCtrl',function($scope) {

});

app.directive('phoneDir',function() {
return {
restrict:"E",
template:'<div> Panel </div>'
}
})

这是一个非常简单的示例,只是尝试在 HTML 中使用指令。问题是我没有看到 div 在模板中定义了“面板”。有人可以帮忙吗?

最佳答案

指令仅在代码中使用驼峰式名称,标记使用连字符名称

使用

<phone-dir>

关于javascript - 指令中的模板未出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22051793/

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