AngularJsWithReact/index.html at master · sorioinc/AngularJsWithReact · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="/node_modules/react-forms-builder/lib/app.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <title>Angular 1.x with React</title>
  </head>

  <body>
    <!--<script src="/node_modules/angular/angular.js"></script>-->
    <style>
      .done-true{
        text-decoration: line-through;
      }
      .done-false{
        text-decoration: "";
      }
      .angular-part{
        background-color: lightskyblue
      }
      .react-part{
        background-color: cornflowerblue
      }
      .list-item{
        cursor: pointer
      }

    </style>

    <div ng-app="app">
        <div ng-controller="FilipCtrl">
            <div class="angular-part">
              <h1>Angular Side</h1>
              <h3>Generated data from React:</h3>
              <div>{{data}}</div>
              <div>&nbsp;</div>
            </div>
            <div >  <!--ng-if={{todos}}-->
              <react-directive updater="dataUpdater(data)"></react-directive>
            </div>

        </div>
    </div>


    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="dist/bundle.min.js"></script>

  </body>
</html>