Question

Exercise.js：

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

var MyAppController = function ($scope) {
    $scope.message = "Welcome to Angular Tutorial";
};

myAppModule.controller = ("MyAppController", MyAppController);

Html文件：

<!DOCTYPE html>
<html>
<head ng-app="myFirstModule">
    <script src="Scripts/Excercise.js"></script>
    <script src="~/Scripts/angular.js"></script>
</head>
<body>
    <div ng-controller="MyAppController">
        1+5 =  {{ 1 + 5 }}
        <br />
        {{['nikhil','om','sai'] [2]}}
        <br />
        {{ {name:'nikhil',details:'om sai ' }.name }}
        <br />
        {{ message }}

    </div>
</body>
</html>

当我试图解决这个问题时，我遇到了错误。我知道这是一个小错误，但我无法解决这个问题。

Answer 1

问题很少

（i）将您的控制器更改为，

 myAppModule.controller('MyAppController', function ($scope) {
        $scope.message = "Welcome to Angular Tutorial";
    });

（ii）在加载 angular.js

之前加载 script.js 脚本

（iii）将 ng-app 置于正文

之前

<强>样本

var myAppModule = angular.module("myFirstModule", []);

myAppModule.controller('MyAppController', function ($scope) {
    $scope.message = "Welcome to Angular Tutorial";
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
<html>
<head >
</head>
<body ng-app="myFirstModule">
    <div ng-controller="MyAppController">
        1+5 =  {{ 1 + 5 }}
        <br />
        {{['nikhil','om','sai'] [2]}}
        <br />
        {{ {name:'nikhil',details:'om sai ' }.name }}
        <br />
        {{ message }}

    </div>
</body>
</html>

Answer 2

将您的控制器更改为

myAppModule.controller('MyAppController', function ($scope) {
        // your code goes here
    });

或

var MyAppController = function ($scope) { $scope.message = "Welcome to Angular Tutorial"; }; myAppModule.controller("MyAppController", MyAppController);

Answer 3

除了@ Sajeetharan上面的回答之外，还有一个小问题，即您的Exercises.js脚本可能无法加载：

<script src="Scripts/Excercise.js"></script>
<script src="~/Scripts/angular.js"></script>

缺少~，因此代码取决于HTML文件的位置（它将在当前目录中查找）。 angular.js脚本标记不依赖。

angular js binding和Controlle示例错误

3 个答案:

或