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

你的名字 2021-12-15 03:31 161阅读 0赞

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);
        }])

运行结果:

![543426-20170529001305141-702577129.png][]

转载于:https://www.cnblogs.com/yk123/p/6917088.html

[543426-20170529001305141-702577129.png]: /images/20211214/4cb3c7a4b1d54e6e8e337143297fcd05.png

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关 6、AngularJs的模块化开发

1、AngularJs的模块化 angular.module() (创建模块) ng-app="myApp" (使用模块) 2、Angula

骑猪看日落/ 2022年08月23日 08:23/ 0 赞/ 196 阅读

相关【AngularJS】3.AngularJS 模块中的run方法

AngularJS中的run方法初始化全局数据，只对全局作用域起作用，如$rootScope.多个控制器之间可以共享数据，如下代码所示： <script type="

Love The Way You Lie/ 2022年06月18日 02:24/ 0 赞/ 217 阅读

相关 AngularJS系列(九)——模块

模块定义了一个应用程序。模块是应用程序中不同部分的容器。模块是应用控制器的容器。控制器通常属于一个模块。通过 AngularJS 的 angular.modul

Bertha 。/ 2022年06月08日 00:11/ 0 赞/ 191 阅读

相关 1.1.0 AngularJS前端框架学习-笔记

一、AngularJS的主要简介： AngularJS 把应用程序数据绑定到 HTML 元素 AngularJS 可以克隆和重复 H

Love The Way You Lie/ 2022年05月29日 11:59/ 0 赞/ 188 阅读

相关 AngularJS笔记

1. AngularJS 通过 ng-directives 扩展了 HTML。 ng-app 指令定义一个 AngularJS 应用程序。

桃扇骨/ 2022年05月28日 04:05/ 0 赞/ 155 阅读

相关 angularJS1笔记-(20)-模块化加载机制seajs

SeaJS是一个遵循CMD规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与[jQuery][]等JavaScript框架不同，

忘是亡心i/ 2021年12月15日 03:31/ 0 赞/ 220 阅读

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

index.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="

你的名字/ 2021年12月15日 03:31/ 0 赞/ 162 阅读

相关 angularJS1笔记-(4)-自定义服务

html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

小咪咪/ 2021年12月15日 03:29/ 0 赞/ 267 阅读

相关 angularJS1笔记-(1)-多控制器

前端写好： <div ng-app="myApp"> <div ng-controller="firstController">

た入场券/ 2021年12月15日 03:27/ 0 赞/ 231 阅读

相关 AngularJs 多个模块的注入

1、若在js中创建angular.module(‘app’,\[\]),则不需要在页面中添加ng-app ng-app创建了多个模块，另一个模块通过new angular.m

╰+哭是因爲堅強的太久メ/ 2021年07月24日 19:33/ 0 赞/ 335 阅读