some improvements to the Palette. Readme updated.

Author: rjohnson465

README.md

@@ -5,10 +5,10 @@
 This project provides a basic example of using GoJS in an Angular app.
 Check out the [Intro page on using GoJS with Angular](https://gojs.net/latest/intro/angular.html) for more information.
 
-It makes use of the [gojs-angular](https://github.com/NorthwoodsSoftware/gojs-angular) package to handle some boilerplate for setting up Diagram, Palette and Overview components.
+It makes use of the [gojs-angular](https://github.com/NorthwoodsSoftware/gojs-angular) package to handle setting up Diagram, Palette and Overview components.
 
-When running the sample, try moving around nodes, adding / deleting nodes, editing text in the inspector, relinking, undoing (Ctrl-Z), re-doing (Ctrl-Y), etc. within the diagram and you'll notice the changes are reflected in app-level data. You'll also notice that changes
-made in the inspector are reflected in the diagram.
+When running the sample, try moving / adding / deleting nodes, editing text in the inspector, relinking nodes via ports, undoing (Ctrl-Z), and re-doing (Ctrl-Y) within the diagram. You'll notice the changes are reflected in app-level data. You'll also notice that changes
+made in the inspector are reflected in the diagram. 
 
 ## Installation
 
@@ -35,5 +35,5 @@ The page will reload if you make edits.<br>
 
 ## Learn More
 
-To learn Angular, check out the [Angular's official site](https://angular.io/).
+To learn Angular, check out [Angular's official site](https://angular.io/).
 To learn GoJS, check out [gojs.net](https://gojs.net).

src/app/app.component.css

@@ -14,7 +14,7 @@ body {
 .myPaletteDiv {
   background: lightcyan;
   border: 1px solid navy;
-  width: 200px;
+  width: 125px;
   height: 300px;
 }
 

src/app/app.component.ts

@@ -118,7 +118,7 @@ export class AppComponent {
           new go.Binding('fill', 'color')
         ),
         $(go.TextBlock, { margin: 8 },
-          new go.Binding('text', 'key'))
+          new go.Binding('text'))
       );
 
     palette.model = $(go.GraphLinksModel,
@@ -129,8 +129,8 @@ export class AppComponent {
     return palette;
   }
   public paletteNodeData: Array<go.ObjectData> = [
-    { key: 'PaletteNode1', color: 'firebrick' },
-    { key: 'PaletteNode2', color: 'blueviolet' }
+    { key: 'PaletteNode1', text: "PaletteNode1", color: 'red' },
+    { key: 'PaletteNode2', text: "PaletteNode2", color: 'yellow' }
   ];
   public paletteLinkData: Array<go.ObjectData> = [
     {  }
@@ -201,7 +201,12 @@ export class AppComponent {
       // here, we set skipsDiagramUpdate to false, since GoJS does not yet have this update
       this.skipsDiagramUpdate = false;
       this.diagramNodeData[index] = _.cloneDeep(newNodeData);
+      // this.diagramNodeData[index] = _.cloneDeep(newNodeData);
     }
+
+    // var nd = this.observedDiagram.model.findNodeDataForKey(newNodeData.key);
+    // console.log(nd);
+
   }