index.html
2.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<title>无标题</title>
<link rel="stylesheet" href="../directive/style.css">
<link rel="stylesheet" href="../spm_modules/xn-icon-common/1.0.5/iconfont.css">
<link rel="stylesheet" href="../spm_modules/bootstrap-css/1.0.0/bootstrap.css">
</head>
<body ng-controller="MyController">
<ul class="content-ul">
<h5 style="width:400px; margin: 20px auto;">{{outData}}</h5>
<div style="width:400px; margin: 20px auto;">
<div xn-select-add ng-model="outData" data-add-list="addList" data-options="options"></div>
</div>
<li class="clearfix">
<div class="li-num height-60"><p class="vertical">01</p></div>
<div class="li-name height-60"><p class="vertical">叶先生</p></div>
<div class="li-telephone height-60"><p class="vertical">13450987243</p></div>
<div class="li-tip "><p class="vertical padding-18">老师，你教的课我真的很喜欢，听了之后对我和孩子的帮助很大老师，你教的课我真的很喜欢，听了之后对我和孩子的帮助很大老师，你教的课我真的很喜欢，听了之后对我和孩子的帮助很大老师，你教的课我真的很喜欢，听了之后对我和孩子的帮助很大老师，你教的课我真的很喜欢老师，你教的课我真的很喜欢，听了之后对我和孩子的帮助很大老师，你教的课我真的很喜欢</p> </div>
</li>
</ul>
</body>
<script type="text/javascript" src="../spm_modules/jquery/1.7.2/jquery.js"></script>
<script type="text/javascript" src="../spm_modules/xn-angular/1.0.0/angular.js"></script>
<script type="text/javascript" src="../directive/add.js"></script>
<script type="text/javascript">
var app=angular.module("myApp", ["xn.directive.add"]);
app.controller("MyController", ["$scope","$timeout", function($scope,$timeout){
$timeout(function(){
$scope.addList = [{"name":"张三",id:"111"},{"name":"李四",id:"222"}];
},3000);
$scope.getList=function(vm) {
console.log(vm);
return $.ajax({
type: "Post",
url:"data.json",
data: vm,
dataType:"json"
});
};
$scope.options={
methodName:$scope.getList,
pageSize: 10,
pageNumber:1,
parameter:["name","id"]
};
$scope.dataList=[];
$scope.outData =[];
}]);
</script>
</html>