制作一个基本的angularjs应用程序对我不起作用，我也不知道为什么。

Here are my files: timeline.html:

这是我的文件:timeline.com .html:

<!DOCTYPE html>
<html>
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
</head>

<body ng-app="timelineApp"> 

    <div ng-controller="MainController">
      <p>{{ title }}</p>
    </div>



    <!-- Modules -->
    <script src="js/app.js"></script>

    <!-- Controllers -->
    <script src="js/controllers/MainController.js"></script>

</body>
</html>

app.js:

var timelineApp = angular.module("timelineApp", []);

MainController.js:

timelineApp.controller('MainController', ['$scope', function($scope) { 
      $scope.title = 'this is a test'; 
    }]);

What am I missing? I thought I did everything right but for some reason it won't even display the title. Thank you so much!

我缺少什么?我以为我做的都是对的，但出于某种原因它甚至不会显示标题。谢谢你这么多!

3 个解决方案

#1

You may want to initialize your angular module simply using

您可能想要初始化您的角模仅仅使用

angular.module("myApp")

Fiddle here: https://jsfiddle.net/frishi/8Lgytjaj/

小提琴在这里:https://jsfiddle.net/frishi/8Lgytjaj/

This worked for me:

这工作对我来说:

(function(){
    angular.module('timelineApp', [])
    .controller("MainController", MainController);
})();

function MainController($scope){
    $scope.title = "Foo";
}

3 个解决方案

#1

更多相关文章

随机推荐