Question

以下是我的文件： timeline.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'; 
    }]);

我错过了什么？我以为我做的一切都是正确的，但由于某种原因，它甚至都不会显示标题。非常感谢你！

Answer 1

您可能只想使用

初始化角度模块

angular.module("myApp")

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

这对我有用：

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

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

Answer 2

num[i].letter = 'A' + num[i].number - 1;应该在全球范围内，例如timelineApp，但请尝试

angular

MainController.js中的

创建模块使用angular .module('timelineApp') .controller('MainController', ['$scope', function($scope) { $scope.title = 'this is a test'; }]);不要忘记括号angular.module('app', []);，你可以在这里添加其他模块，如第三方模块，如[]

如果您想使用模块并注册新的控制器或指令，请使用

进行检索

angular.module('app',['superModule', 'ui-router']

现在没有var app = angular.module('app'); app.controller(.... app.directive(....

Answer 3

在主控制器中

var timelineApp = angular.module（“timelineApp”，[]）;

timelineApp.controller（'MainController'，function（$ scope）{$ scope.title ='this is a test'; }）;

制作一个BASIC angularjs应用程序对我不起作用，我不知道为什么

3 个答案: