AngularJS学习笔记

新项目要用AngularJS，所以抽时间看了点资料，顺便记一下

创新互联公司从2013年开始，是专业互联网技术服务公司，拥有项目成都网站设计、成都做网站网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元如东做网站,已为上家服务,为如东各地企业和个人服务,联系电话:13518219792

万能的Hello world



 
  
  
  
  Document
 
 
  
	`greeting`.`text`, Angular

module.js

var myModule = angular.module("HelloAngular", []);

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

运行效果

AngularJS学习笔记页面上显示 Hello, Angular

AngularJS指令

html页面



 
  
  
  
  Document

JS代码

var myModule = angular.module("HelloAngular", []);

myModule.directive("hello", function(){
	return{
		restrict: 'E',
		template: 'Hi everyone',
		replace:true
	}
});

运行效果：页面显示 Hi everyone

双向数据绑定



 
  
  
  Document
 
 
  
  `greeting`.`text`, AngularJS

AngularJS学习笔记

网站名称：AngularJS学习笔记
文章源于：http://kswsj.cn/article/gphpih.html

关于创新互联

AngularJS学习笔记

其他资讯