Demonstrate bi-directional mapping

Change the very simple hello example to demonstrate bi-directional mapping between react and angular. This can be run directly from the filesystem.
shankari · Jul 11, 2021 · 39badb4 · 39badb4
1 parent 5f91c2e
commit 39badb4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/examples/hello/app.js b/examples/hello/app.js
@@ -21,4 +21,4 @@ app.value( "Hello", Hello );
 
 app.directive( 'hello', function( reactDirective ) {
   return reactDirective( Hello );
-} );
+} );
diff --git a/examples/hello/index.html b/examples/hello/index.html
@@ -31,6 +31,12 @@
   </head>
   <body ng-app="app" ng-controller="mainCtrl">
     <div class="content">
+        <h1>
+          <div>Hello {{person.fname}} {{person.lname}}</div>
+          <small>
+            <code>&lt;From angular to check bi-directional binding/&gt;</code>
+          </small>
+        </h1>
       <div class="header">
         <h1>
           <div><react-component name="Hello" props="person"/></div>
@@ -61,4 +67,4 @@ <h1>
     <script src="../../ngReact.js"></script>
     <script src="app.js"></script>
   </body>
-</html>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,4 +21,4 @@ app.value( "Hello", Hello ); @@
     app.directive( 'hello', function( reactDirective ) {
       return reactDirective( Hello );
-    } );
+    } );