Javascript AngularJS文件放置_Javascript_Angularjs_Html

Javascript AngularJS文件放置

javascript angularjs html

Javascript AngularJS文件放置,javascript,angularjs,html,Javascript,Angularjs,Html,我是否需要将文件放在本地服务器或任何服务器上才能获得结果 index.html： <!DOCTYPE html> <html lang = "en"> <head> <meta char-set = "UTF-8"> <title>AngularJS | Passing Data between Different Scopes</title> <script s

我是否需要将文件放在本地服务器或任何服务器上才能获得结果

index.html：

<!DOCTYPE html>
<html lang = "en">
    <head>
        <meta char-set = "UTF-8">
        <title>AngularJS | Passing Data between Different Scopes</title>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
        <script src = "controller.js"></script>
    </head>
    <body ng-app = "mainApp">
        <div ng-controller = "app">
            <li ng-repeat = "i in myRange">
                {{i}} <br/>
            </li>
        </div>
    </body>
</html>


AngularJS |在不同范围之间传递数据

{{i}}

controller.js：

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

app.controller('app', function($scope) {
    var range = 10;
    var myRange = [];
    for (i = 0; i<range; i++)
    {
        myRange.push(i);
    }
    $scope.myRange = myRange;
});

var-app=angular.module（'mainApp'，[]）；
应用程序控制器（'app'，函数（$scope）{
var范围=10；
var myRange=[]；
对于（i=0；i正如@csharpfolk所建议的，加载angular.js库时的问题是使用“https://”而不是“//”。如果使用“//”，浏览器将尝试使用“file://”协议加载。
当您在没有服务器的情况下运行angular.js时，controller.js
是否与html文件位于同一目录中？浏览器中会出现什么错误？@csharpfolk是的，它在中与html文件相同的目录。请参阅编辑。问题在于加载angular.js库时使用“https://”而不是“//”。如果使用“//”，浏览器将尝试使用“file://”协议加载。此答案中的详细信息：@csharpfolk它起作用了。谢谢