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
61
62
63
64
65
66
67
68
69
70
71
72
|
myApp.controller( 'demoCallbacks' , [ '$scope' , function ($scope) {
$scope.modernBrowsers = [
{
icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32/opera.png" />',
name: 'Opera',
maker: 'Opera Software',
ticked: true
},
{
icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32/internet_explorer.png" />',
name: 'Internet Explorer',
maker: 'Microsoft',
ticked: false
},
{
icon: '<img src="https://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/firefox-icon.png" />',
name: 'Firefox',
maker: 'Mozilla Foundation',
ticked: true
},
{
icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32x32/safari_browser.png" />',
name: 'Safari',
maker: 'Apple',
ticked: false
},
{
icon: '<img src="https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/chrome.png" />',
name: 'Chrome',
maker: 'Google',
ticked: true
}
];
$scope.fOpen = function() {
console.log( 'On-open' );
}
$scope.fClose = function() {
console.log( 'On-close' );
}
$scope.fClick = function( data ) {
console.log( 'On-item-click' );
console.log( 'On-item-click - data:' );
console.log( data );
}
$scope.fSelectAll = function() {
console.log( 'On-select-all' );
}
$scope.fSelectNone = function() {
console.log( 'On-select-none' );
}
$scope.fReset = function() {
console.log( 'On-reset' );
}
$scope.fClear = function() {
console.log( 'On-clear' );
}
$scope.fFilterChange = function( data ) {
console.log( 'On-filter-change' );
console.log( 'On-filter-change - keyword: ' + data.keyword );
console.log( 'On-filter-change - result: ' );
console.log( data.result );
}
}]);
|
