gpt4 book ai didi

javascript - 在指令中使用 templateUrl 会卡住应用程序

转载 作者:行者123 更新时间:2023-11-28 07:48:50 25 4
gpt4 key购买 nike

我有一个 MEANstack 应用程序,它的行为非常奇怪。使用 templateUrl 创建指令会卡住应用程序。相同的指令仅使用带有模板的 html 代码即可工作。

仪表板.html:

 <h3>Recent</h3>
<div my-callout></div>

仪表板.controller.js:

.directive('myCallout', function(){
return {

templateUrl:'myCallout.html'
};
})

myCallout.html:

<div>
<p>fdsfs</p>
</div>

这有效:

.directive('myCallout', function(){
return {

template:' <p> mhgfhut </p>'
};
})

;

最佳答案

你的指令对我来说效果很好:

~/angular_js_projects/9app$ tree
.
├── app.css
├── app.js
├── bootstrap
<snip>
├── index.html
└── myCallout.html

app.js:

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

app.directive('myCallout', function() {
return {
templateUrl: 'myCallout.html'
}
});

myCallout.html:

<div>myCallout.html</div>

index.html:

<!DOCTYPE html>
<html ng-app="myApp">

<head>
<title>AngularJS</title>

<meta charset="UTF-8"> <!-- For html5 (default is UTF-8) -->
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- For Bootstrap -->

<!-- Bootstrap CSS with glyphicon fonts in bootstrap/fonts/ -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

<h3>Recent</h3>
<div my-callout></div>

<!-- Angular -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<!-- App Script -->
<script src="app.js"></script>
</body>
</html>

使用此目录结构:

~/angular_js_projects/9app$ tree
.
├── app.css
├── app.js
├── bootstrap
<snip>
├── index.html
└── templates
└── myCallout.html

然后 app.js 看起来像这样:

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

app.directive('myCallout', function() {
return {
templateUrl: 'templates/myCallout.html'
}
});

关于javascript - 在指令中使用 templateUrl 会卡住应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27112544/

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