Question

这是我试过的角度1.2.16脚本：

头脑中的

：

    <script>
        function ExampleCtrl($scope) {
            $scope.value = "Lorem ipsum";
        }
    </script>

并在身体中：

    <div ng-controller="ExampleCtrl">
       {{value}}
    </div>

当我尝试使用1.2.16 cdn时，一切都很顺利，但是当我使用1.5.5或1.2.16以上的任何内容时，它会关闭，只输出{{value}}而不是lorem ipsum。
我需要在1.5.5甚至2中获得相同的输出，那么该怎么办？

Answer 1

您可以在v1.5.5中使用以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
    <script>

        angular.module("app", []);

        angular.module("app")
                .controller("ExampleCtrl", exampleCtrl);

        function exampleCtrl($scope) {
            $scope.value = "Lorem ipsum";
        }
    </script>
</head>
<body ng-app="app">

<div ng-controller="ExampleCtrl">
    {{value}}
</div>

</body>
</html>

有关controller的更多信息，请参阅文档。

Answer 2

这是在较新版本中的方法

<div ng-app='test'>
<div ng-controller="ExampleCtrl">
   {{value}}
</div>
</div>


   <script>
   var app = angular.module('test',[]);

    app.controller('ExampleCtrl',function ExampleCtrl($scope) {
        $scope.value = "Lorem ipsum";
    }
  )

 </script>

Answer 3

像这样使用控制器。

angular.module('myApp', []).controller('MyController', [function() {
  // ...
}]);

了解更多here migrate 1.2 to 1.3

从1.2.16转换到1.5.5时，ng-controller出现问题

3 个答案: