pluralsight cours - 在Plnkr中没有相同的结果

时间:2017-12-08 13:59:53

标签: angularjs

我正在执行AngularJS指令基础知识,而我仍然坚持第一个例子。 这是查看Plnkr的链接 link to see the Plnkr 这是html

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

<head>
    <script data-require="angular.js@*" data-semver="4.0.0" 
     src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-
     beta.17/angular2.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
    <script src="angular.min.js"></script>
    </head>

 <body ng-controller="mainCtrl">
    <h1>Hello Plunker!</h1>
    <div user-info-card></div>
 </body>

我应该得到这些结果: enter image description here

请帮助,我真的卡住了

1 个答案:

答案 0 :(得分:1)

交换订单:

<script src="angular.min.js"></script>
<script src="script.js"></script>

您应该在脚本之前加载角度。

另外我认为你出于某种原因正在加载Angular 2。它与AngularJS完全不同。