大家可以未来需要编写的JavaScript代码置于本文档的<head>当中或者为其建立独立文件，但独立文件仍然需要处于AngularJS脚本之下。
第二步：模块
现在我们可以为自己的应用程序创建一个模块：
var app = angular.module('githubsearch', [])
接下来利用ngApp指令将其添加到<body>标签当中：
<body ng-app="githubsearch">
第三步：控制器
我们还需要为自己的应用程序准备一套控制器。为了简化创建流程，我们将只为应用准备一套控制器，这样我们就不必考虑如何在不同控制器迹悔之间进行信息传递了：
app.controller('SearchController', function SearchController($scope) { })
第四步：基判模础服务
我们需要对自己的GitHub服务进行定义：
app.factory('GitHub', function GitHub($http) { return { } })
我们将使用app.factory()方法，这样就能保证返回对象附带几个以后将会用到的方法。我们将使用$http服务从GitHub的API中获取数据。
第五步：搜索库
我们服务中的第一掘州缓项方法负责利用GitHub API对库进行搜索。使用服务非常简单（这项函数能够进入由制造函数返回的对象）：
在angular渲染完dom以后执行js代码的方法是使用init方法完成dom初始化，同时控制器中写入需要执行的js代码即可。1、html代码：
<div
data-ng-controller="myCtrl"
data-ng-init="init()"></div>
2、定义的angularjs方法如下：裂滚镇
$scope.init
=
function
()
{
if
($routeParams.Id)
{
/肆粗/创建一备悔个新对象的js代码
createElement()
}
else
{
//创建一个新对象的js代码
createElement()
}
$scope.isSaving
=
false
}
...
$scope.init()
基誉蔽烂于 AngularJS 的拖拽指令支持 GPU 加速支持边界限制支持设置拖拽把柄移动端与 PC 端通用使用支持使用 script 标签或者 webpack、requirejs、seajs 调用：script调用script src="lib/angular.js"></script><script src="dist/angular-drag.js"></script><script>var app = angular.module('app', ['angular-drag'])</script>webpack安装npm install angular-drag调用require('angular-drag')var app = angular.module('app', ['angular-drag'])angular-drag 依赖 angular 与 jquery 两个全局模块指令drag 被拖拽的元素drag-handle 触发拖拽的把柄（可选）示例简单的可拖拽元素<div drag class="example">hello world</div>自定义拖拽的把柄<div drag class="并颂example"><div drag-handle></div><p>hello world</庆漏p></div>欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）