Angularjs 为什么不是'；我的角度代码不工作吗？_Angularjs

Angularjs 为什么不是'；我的角度代码不工作吗？

angularjs

Angularjs 为什么不是'；我的角度代码不工作吗？,angularjs,Angularjs,我刚刚测试了angular，不知道为什么在加载页面时什么都没有显示。我已经通过包安装安装了AngularJS。这里有什么问题吗 HTML <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="Journal.css"> <title>Henry's journal</title> </head> <body>

我刚刚测试了angular，不知道为什么在加载页面时什么都没有显示。我已经通过包安装安装了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>"
        };
    });

var journal=angular.module（“journal”，[]）；
指令（“标题”，函数（）{
返回{
限制：“A”，
链接：函数（）{
警惕（“我在工作”）；
},
模板：“你好！”
};
});

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

也许这是一个更简单的应用程序版本：

<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>


乔乔
角度模块（“轴颈”，[]）
.控制器（“hola”，功能（$scope）{
警报（'HOLEAAA！'）；
})

谢谢。

您必须在第一个HTML标记中添加ng应用程序

也许这是一个更简单的应用程序版本：

<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>


乔乔
角度模块（“轴颈”，[]）
.控制器（“hola”，功能（$scope）{
警报（'HOLEAAA！'）；
})

谢谢。

您必须在第一个HTML标记中添加ng应用程序

也许这是一个更简单的应用程序版本：

<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>


乔乔
角度模块（“轴颈”，[]）
.控制器（“hola”，功能（$scope）{
警报（'HOLEAAA！'）；
})

谢谢。

您必须在第一个HTML标记中添加ng应用程序

也许这是一个更简单的应用程序版本：

<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>


乔乔
角度模块（“轴颈”，[]）
.控制器（“hola”，功能（$scope）{
警报（'HOLEAAA！'）；
})

谢谢。

在运行自己的脚本之前，您需要加载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>

（此外，如果使用

文件：//

协议进行本地测试，可能会遇到不同的问题。我不确定，但只是以防万一：您必须指定一个HTTP[s]协议来加载AngularJS:

http://ajax.googleapis.com...

而不是

//ajax.googleapis.com…

）

在运行自己的脚本之前，需要加载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>

（此外，如果使用

文件：//

协议进行本地测试，可能会遇到不同的问题。我不确定，但只是以防万一：您必须指定一个HTTP[s]协议来加载AngularJS:

http://ajax.googleapis.com...

而不是

//ajax.googleapis.com…

）

在运行自己的脚本之前，需要加载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>

（此外，如果使用

文件：//

协议进行本地测试，可能会遇到不同的问题。我不确定，但只是以防万一：您必须指定一个HTTP[s]协议来加载AngularJS:

http://ajax.googleapis.com...

而不是

//ajax.googleapis.com…

）

在运行自己的脚本之前，需要加载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>

（此外，如果使用

文件：//

协议进行本地测试，可能会遇到不同的问题。我不确定，但只是以防万一：您必须指定一个HTTP[s]协议来加载AngularJS:

http://ajax.googleapis.com...

而不是

//ajax.googleapis.com…

）

SublimateText只是一个编辑器，没有？@Sergio是的，我只是想知道为什么这段代码没有呈现。想知道这是升华的问题还是我的代码的问题肯定是代码：）@Sergio care for hint=）升华文本只是一个编辑器，不是吗？@Sergio是的，我只是想知道为什么这个代码没有渲染。想知道这是升华的问题还是我的代码的问题肯定是代码：）@Sergio care for hint=）升华文本只是一个编辑器，不是吗？@Sergio是的，我只是想知道为什么这个代码没有渲染。想知道这是升华的问题还是我的代码的问题肯定是代码：）@Sergio care for hint=）升华文本只是一个编辑器，不是吗？@Sergio是的，我只是想知道为什么这个代码没有渲染。想知道是升华还是我的代码有问题肯定是代码：）@Sergio care for hint=）没有必要。请看下面我的答案。现在试试。。然后尽快让我知道……：）这是没有必要的。请看下面我的答案。现在试试。。然后尽快让我知道……：）这是没有必要的。请看下面我的答案。现在试试。。然后尽快让我知道……：）这是没有必要的。请看下面我的答案。现在试试。。然后尽快让我知道……：）谢谢，这把它修好了。这实际上是两者的结合。非常感谢，这让我有好一个小时的时间了谢谢你，这把它修好了。这实际上是两者的结合。非常感谢，这让我有好一个小时的时间了谢谢你，这把它修好了。这实际上是两者的结合。非常感谢，这让我有好一个小时的时间了谢谢你，这把它修好了。这实际上是两者的结合。非常感谢，这让我有好一个小时的时间被绊倒了