gpt4 book ai didi

javascript - Angular 自定义元素指令未显示在屏幕上

转载 作者:行者123 更新时间:2023-12-03 10:01:18 24 4
gpt4 key购买 nike

我正在编写一个 Angular 应用程序,它从 api 提取数据并在自定义指令中显示数据。我成功从 api 获取数据,但它没有以 html 模板的格式显示。我的指令 js 文件中的语法有问题吗?

HTML

<!doctype html>
<html>
<head>
<title>Angular Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"> </script>
<script src="js/controllers/MainController.js"></script>
<script src="js/services/WaitTimes.js"></script>
<script src="js/directives/rideInfo.js"></script>


<body ng-app="myApp" ng-controller="MainController">
<div ng-repeat = 'ride in rides'>
<p>{{ride.name + ": " + ride.waitTime }}</p> <!--this works-->
<ride-info info='ride'></ride-info> <!--this doesn't-->
</div>
</body>
</html>

指令 JS

myApp.directive('rideInfo', function() {
return {
restrict: 'E',
scope: {
info: '='
},
templateUrl: 'js/directives/rideInfo.html'
};
});

模板网址

<div>
<h2>{{ info.name }}</h2>
<h3>{{ info.waitTime }}</h3>
</div>

最佳答案

我明白了这一点。代码似乎没问题,但只是无法在我的本地计算机上运行。

关于javascript - Angular 自定义元素指令未显示在屏幕上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30586348/

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