AngularJS 模块与控制器

最新推荐文章于 2022-05-22 21:32:27 发布

xyphf_和派孔明

最新推荐文章于 2022-05-22 21:32:27 发布

阅读量651

点赞数

CC 4.0 BY-SA版权

分类专栏： angular.js入门文章标签： angular angularjs

本文链接：https://blog.youkuaiyun.com/xyphf/article/details/53043537

angular.js入门专栏收录该内容

34 篇文章

订阅专栏

本文通过一个简单的AngularJS示例介绍了如何使用AngularJS框架创建基本的网页应用。示例展示了如何定义控制器、设置作用域变量并将其绑定到HTML元素上。通过这个例子，读者可以了解到AngularJS的基本工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html ng-app="HelloAngular">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div ng-controller="helloAngular">
            <p>{{greeting.text}},Angular</p>
        </div>
    </body>
    <script src="js/angular-1.3.0.js"></script>
    <script src="HelloAngular_Module.js"></script>
</html>

HelloAngular_Module.js

var myModule = angular.module("HelloAngular", []);
myModule.controller("helloAngular", ['$scope',
    function HelloAngular($scope) {
        $scope.greeting = {
            text: 'Hello'
        };
    }
]);