angularJS1笔记-(16)-模块里的constant、value、run

最新推荐文章于 2023-05-05 15:42:14 发布

weixin_34362790

最新推荐文章于 2023-05-05 15:42:14 发布

阅读量1.1k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yk123/p/6917088.html

版权

本文详细解析了如何使用AngularJS创建一个基本的应用程序，包括index.html文件的结构、AngularJS模块的初始化、控制器的定义以及如何注入依赖。通过具体代码示例，展示了AngularJS中config、run、constant和value等概念的使用。

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

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
<div ng-app="myApp">
    <div  ng-controller="firstController">

    </div>
</div>

<script type="text/javascript" src="../../vendor/angular/angularJs.js"></script>
<script type="text/javascript" src="app/index.js"></script>

<script>
</script>

</body>
</html>

　　index.js:

var myApp = angular.module('myApp', [], ['$provide', function ($provide) {

}])
//把name注入config
    .config(function (name) {
        console.log("config中的值:" + name)

    })
    //run是在config之后 在controller之前执行
    .run(function () {
        console.log("run在config之后在controller之前:" + 'run');
    })
    //定义常量 可以注入任何方法
    .constant('name', 'zhangsan')
    //只能注入到controller/service/factory
    .value('version', 'v-1.0')
    .controller('firstController', ['name', function (name) {
        console.log("controller中的值:" + name);
    }])

　　运行结果: