AngularJS-module

<!DOCTYPE html>
<html ng-app="firstapp">
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/angular.min.js" ></script>
		<script>
			var app = angular.module(‘firstapp‘, []);
			app.factory(‘message’, function(){
				return {
					message : "I‘m a data from factory"
				};
			});
			function firstController($scope, message){
				$scope. message = message;
			}
		</script>
	</head>
	<body>
		<div ng-controller="firstController">
			<h1>{{ message}} </h1>
		</div>
	</body>
</html>
var app = angular.module(‘firstapp‘, []);

创建了一个module实例,第一个参数为 module名字,第二个参数为依赖数组。

app.factory(‘message‘, function(){
	return {
            message : "I‘m a data from factory"
        };
});

通过app创建一个名字为message的factory实例,并返回一个JSON对象。message可以被Controller所使用。

AngularJS-module,布布扣,bubuko.com

时间: 2024-09-29 04:43:34

AngularJS-module的相关文章

AngularJS Module类的方法

AngularJS Module类的方法 AngularJS中的Module类负责定义应用如何启动,它还可以通过声明的方式定义应用中的各个片段.我们来看看它是如何实现这些功能的. 一.Main方法在哪里 如果你是从Java或者Python编程语言转过来的,那么你可能很想知道AngularJS里面的main方法在哪里?这个把所有东西启动起来,并且第一个被执行的方法在哪里?JavaScript代码里面负责实例化并且把所有东西组合到一起,然后命令应用开始运行的那个方法在哪里? 事实上,AngularJ

Angularjs Module类的介绍及模块化依赖

后面的学习我们会遵循一个控制器管理一个视图,一个路由对应一个视图的单一原则,所以再不会将controller控制器代码直接写到 index.html 中. 我们会应用到angular.js中强大的模块来开发,比如路由,服务,过滤器,指令等模块. 所以这一篇博客很有必要把各个模块之间的依赖关系,定义,使用等问题陈述一下. 那么angular.js 到底是如何加载启动起来的呢. <!DOCTYPE html> <html ng-app="YIJIEBUYI"> &l

AngularJS -- Module (模块)

什么是AngularJS的模块 我们所说的模块,是你的AngularJS应用程序的一个组成部分,它可以是一个Controller,也可以是一个Service服务,也可以是一个过滤器(Filter),也可以是一个directive(指令)等等…都是属于一个模块! 大多数的应用程序都是有一个自己的函数入口方法Main ,用它来进行初始化,以及加载装配各个模块,然后这些模块的组合,构成了你的应用程序,对吧? 但是,but, AngularJS应用程序却不是这样的哦,它没有main 方法,没有函数入口.

angularjs——module

1.创建module //第一个参数是模块的名称 var head=angular.module('headApp',[]); head.controller("User",["$scope",function($scope){ $scope.UserName="admin"; $scope.LoginTime=new Date().toString(); }]); 2.创建module且此模块要依赖其它module // 创建module且此模

学习笔记-AngularJs(九)

到目前为止,我们所做的学习案例都是没有加任何动画效果的,对于以往来说,我们经常会去使用一些动画插件或是css框架(如:animate.css)来点缀我们的网页,这样显得生动,高大上,那么接下来我们可以学习一下,怎么在AngularJs下来实现叼酷炫的动画操作,主要使用的命令是ngAnimate. 与之前的ngResource,ngRoute一样,需要注入ngAnimate和引入ng-animate.js才可以使用此服务,想在你的angular应用程序使用ngAnimate来实现动画功能,前提条件

Angularjs directive全面解读(1.4.5)

说到Angularjs directive即指令,可以这么说Angularjs的灵魂就是指令,学会Angularjs指令那么你的Angularjs的武功就修炼了一半了,当然这只是鄙人的一点点独到见解,废话不多说,以下是Angularjs 指令的运用及源码实现解读. 学习Angularjs directive那么我们要带3个问题来学习: 1. 什么是angular 指令?2. 指令如何定义存储的?3. 指令如何编译运行的? 1.首先第一点解读什么是指令: At a high level, dire

Integrating AngularJS with RequireJS

When I first started developing with AngularJS keeping my controllers and directives in separate .js files for better maintainability I ended up including lots of .js files on my pages. This approach has led to some obvious drawbacks. For example, ea

2.3了解AngularJS模块和依赖注入

1.模块和依赖注入概述 1.了解模块 AngularJS模块是一种容器,把代码隔离并组织成简洁,整齐,可复用的块. 模块本身不提供直接的功能:包含其他提供功能的对象的实例:控制器,过滤器,服务,动画 可通过定义其提供的对象构建模块.通过依赖注入将模块连接在一起,构建一个完整的应用程序. AngularJS建立在模块原理上.大部分AngularJS提供的功能都内置到ng-*模块中. 2.依赖注入 定义依赖对象并动态地把它注入另一个对象,使得所有的依赖对象所提供的功能都能使用.(提供器 注入器服务)

Make AngularJS $http service behave like jQuery.ajax()(转)

There is much confusion among newcomers to AngularJS as to why the $http service shorthand functions ($http.post(), etc.) don’t appear to be swappable with the jQuery equivalents (jQuery.post(), etc.) even though the respective manuals imply identica

Angularjs 源码

'use strict'; /* We need to tell jshint what variables are being exported */ /* global -angular, -msie, -jqLite, -jQuery, -slice, -push, -toString, -ngMinErr, -_angular, -angularModule, -nodeName_, -uid, -lowercase, -uppercase, -manualLowercase, -man