Question

我只是测试了角度，我很奇怪为什么在我加载页面时没有任何东西出现。我已经通过Package安装安装了AngularJS。这里有什么问题吗？

HTML

<!DOCTYPE HTML>
<html>
<head>
    <link rel="stylesheet" href="Journal.css">
    <title>Henry's journal</title>
</head>

<body>  
    <div ng-app="journal">
    <div header></div>
    </div>
    <div>   
        <script type="text/javascript" src="Journal.js"></script>
        <script src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
        </script>
        <script type ="text/javascript"
           src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js">
        </script>   
</body>

</html>

JAVASCRIPT

    var journal = angular.module("journal", []);
    journal.directive("header", function(){
        return{
            restrict: 'A',
            link: function(){
                alert("I'm working");
            },
            template: "<div>Hello!</div>"
        };
    });

Answer 1

您需要在运行自己的脚本之前加载AngularJS和jQuery 。像这样：

<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type ="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"> </script> <script type="text/javascript" src="Journal.js"></script>

（另外，如果您使用file://协议进行本地测试，则可能会遇到不同的问题。我不确定，但以防万一：您将拥有指定加载AngularJS的HTTP [s]协议：http://ajax.googleapis.com...而不是//ajax.googleapis.com...）

Answer 2

您必须在第一个HTML标记中添加ng-app。

<html ng-app>  </html>

也许这是您应用的简易版本：

<html ng-app="journal">
<script type ="text/javascript"
       src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js">
    </script>   

<title>jojo</title>

<div ng-controller="hola">

</div>




<script>
    angular.module("journal", [])
    .controller("hola", function($scope){
        alert('HOLEAAA!');
    })

</script>

</html>

感谢。

为什么我的角度代码不适用于/ Sublime 2？

2 个答案: