-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
26 lines (21 loc) · 1.21 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>AngularJS Basics</title>
<script src="js/lib/angular.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div x-ng-app ="" class="gameBoard" x-ng-init="xTurn={val:false}; cells = ['','','','','','','','',''];">
<div x-ng-repeat="i in cells track by $index" id="cell{{$index}}" ng-class="{clear: $index%3==0}" x-ng-click="cells[$index] = (cells[$index] == '' ? ((xTurn.val = !xTurn.val) ? 'X' : 'O') : cells[$index]);">{{cells[$index]}}</div>
{{cells}}
</div>
</body>
</html>
<!-- <div x-ng-app ="" class="gameBoard" x-ng-controller="myController">
<div x-ng-repeat="i in ar track by $index" id="cell{{$index}}" ng-class="{clear: $index%3==0}" x-ng-click="toggler($index, i);">{{i}}</div>
</div> -->
<!-- <div x-ng-app ="" class="gameBoard" x-ng-init="tog='X'; lastTog= 'O'; cells = ['','','','','','','','',''];" x-ng-click="lastTog = tog; tog = (tog == 'X' ? 'O' : 'X');">
<div x-ng-repeat="i in cells track by $index" id="cell{{$index}}" ng-class="{clear: $index%3==0}" x-ng-click="cells[$index] = (cells[$index] == lastTog ? lastTog : tog )">{{cells[$index]}}</div>
</div> -->