Question

我在控制器中编写的任何内容都没有反映在HTML中。我删除了代码中的所有其他内容，只是尝试呈现一条简单的消息，但这也是无效的。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="Scripts/angular.js"></script>
    <link href="Style/style.css" rel="stylesheet" />
    <script src="app/main.js"></script>
</head>
<body ng-app="mainApp">
    <div>
        <div ng-controller="MainCnt">
            <h1>
                {{message}}
            </h1>
        </div>        
    </div>
</body>
</html>

这是JS部分：

(function() {
    var main = angular.module("mainApp",[]);
    var MainController = function($scope) {
        $scope.message = "Hello!";
    };
    main.controller = ("MainCnt",MainController);
}());

我做错了什么？从上个小时开始，我无法在HTML中显示简单的消息。相反，它只显示{{ message}}。

Answer 1

你正在这一行做作业：

main.controller = ("MainCnt",MainController);

您实际想要做的是调用controller()方法：

main.controller("MainCnt",MainController);

控制器值未正确填充

1 个答案: