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://bzwzjz.com/article/gphpih.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站制作 成都网站建设 成都企业网站设计 网站设计公司 企业网站建设 定制网站制作 网站设计制作 成都网站建设公司 营销型网站建设 成都商城网站建设 泸州网站建设 成都响应式网站建设 网站设计制作报价 成都网站建设公司 成都网站建设公司 古蔺网站建设 成都网站建设 成都定制网站建设 成都网站建设 成都网站制作 成都网站建设公司 手机网站建设