angular中为一个module创建多个controller

最新推荐文章于 2021-09-08 21:39:33 发布

瞬间空白sky

最新推荐文章于 2021-09-08 21:39:33 发布

阅读量4.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： angularjs 文章标签： angularjs angular

本文链接：https://blog.youkuaiyun.com/apple_01150525/article/details/53407090

angularjs 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用AngularJS框架创建的简单网页示例，该示例通过两个不同的控制器展示了如何在HTML页面中显示文本。每个控制器分别负责展示不同的文本内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body ng-app="myApp">
<div ng-controller="filterController">
    {{text}}
</div>
<div ng-controller="filterController1">
    {{texttt}}
</div>

<script type="text/javascript" src="js/angular.js"></script>
<script type="text/javascript">
    angular.module("myApp",[]);
    angular.module("myApp").controller("filterController",["$scope",function($scope) {
              $scope.text = "hello";
            }]);
    angular.module("myApp").controller("filterController1",["$scope",function($scope){
               $scope.text = "world";
    }]);
</script>
</body>
</html>