在HTML中使用angularJS

angularJS各个版本之间差别很大,尽管核心思想是一样的,都是基于数据双向绑定,模块化等思想,但有些部分甚至写法都完全不同,并且高版本的angular是不兼容IE的(即使是IE11),博主使用的版本为angularJS1.26,可以兼容至IE11。

在项目中使用angularJS1.x,首先需要引入几个js文件,jquery的包是必须的,此外下图为项目中我所引入的js:
在这里插入图片描述
首先,我们在base.js中定义我们的模块:

//定义模块
//[]中为自定义模块中需要引用的模块,不需要则为[]
var app = angular.module("agency",[]);

其次,在自定义controller中,引入我们的模块:

//$scope为必须的,其他服务有用上也必须导入
app.controller("agencyController", function ($scope, agencyOrderService, uploadService) {
	//具体的逻辑内容
	$scope.entity = {}
	getData = function(){
		agencyOrderService.getData($scope.entity).success(function(response){
			//访问成功后的逻辑
		})
	}

}

自定义service.js中的内容:

app.service('agencyOrderService',function($http){
	//访问的后端路径
    this.getData = function (entity) {
        return $http.post("getData",entity);
    }
}

最后别忘了在html中声明angular控制的域

<body ng-app="agency" ng-controller="agencyController">

在html或ftl中引用js文件时,特别需要注意:
1.jquery的引入必须放在最前
2.其次是angular.min.js
3.其次是base.js
4.自定义service
5.自定义controller
很好理解,js中引用的对象都还不存在,肯定无法成功引用

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值