gpt4 book ai didi

javascript - 未加载 Angular 指令 html(控制台中没有错误)

转载 作者:行者123 更新时间:2023-11-30 09:48:39 24 4
gpt4 key购买 nike

所以我有以下文件夹结构:

enter image description here

我已将以下内容添加到我的 index.html 中:

<script type="text/javascript" src="js/modules/App/lib/App.js"></script>
<script src="js/modules/Cafe/lib/Cafe.js"></script>
<script src="js/modules/Cafe/directives/cafe-list/cafe-list.js"></script>

我的指令是这样的:

angular.module('Cafe').directive("CafeList", function () {
return {
restrict: "E",
templateUrl: 'js/modules/Cafe/directives/cafe-list/cafe-list.html',
link: function (scope, element, attr) {

}
};
});

我的指令 html(位于 js/modules/Cafe/directives/cafe-list/cafe-list.html

看起来像这样:

<div class="one-half-responsive">
<div class="service-column material-box">
<img src="images/pictures/3s.jpg">

<h3>Mobile and Tablet</h3>
<em>responsive and ready</em>

<p>
All your mobile devices are compatible with material, and it will look gorgeous on your whatever
handheld you use!
</p>

<div class="more">
<a class="more-link" href="#">READ MORE</a>
</div>
</div>

我的观点很简单,看起来像这样:

<div>
<cafe-list></cafe-list>
</div>

当我运行它时,我在控制台中没有看到任何错误,我在 html 中得到的只是标签 <cafe-list> </cafe-list>没有内部 html

谁能看出我做错了什么?

我的应用模块:

    /**
* Created by root on 6/3/16.
*/
angular.module('App',[
'ngRoute',
'Cafe'
]).
config(['$locationProvider', '$routeProvider',
function config($locationProvider, $routeProvider) {
$routeProvider.
when('/', {
templateUrl: 'js/modules/Cafe/views/cafeList.html'
}).
when('/phones/:phoneId', {
template: '<phone-detail></phone-detail>'
}).
otherwise('/phones');
}
]);

在我的 html 上:<html ng-app="App">
Cafe 模块位于 ('js/modules/Cafe/lib/Cafe.js')

angular.module('Cafe', []);

我什至可以看到指令文件已加载!

最佳答案

我怀疑您可能在指令中遗漏了一个额外的结束 div 标记。您也可以尝试 .directive("cafeList", 而不是 .directive("CafeList", 但我怀疑这会有所作为。

关于javascript - 未加载 Angular 指令 html(控制台中没有错误),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37633989/

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