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学习笔记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://csdahua.cn/article/gphpih.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流