arthur5005 · February 20, 2017 23:27 · Feb 20, 2017 · Feb 20, 2017
diff --git a/controllers.application.js b/controllers.application.js
@@ -1,7 +1,7 @@
 import Ember from 'ember';
 
 export default Ember.Controller.extend({
-  appName: 'Ember Twiddle',
+  appName: 'Notify Property Change Doesn\'t Force a Rerender',
   value: null,
   actions: {
     setValueToNull() {
@@ -10,6 +10,7 @@ export default Ember.Controller.extend({
     },
     setValueToFoo() {
       this.set('value', 'foo');
+      this.notifyPropertyChange('value');
     }
   }
 });

diff --git a/templates.application.hbs b/templates.application.hbs
@@ -1,4 +1,4 @@
-<h1>Welcome to {{appName}}</h1>
+<h1>{{appName}}</h1>
 <br>
 <br>
 {{outlet}}

diff --git a/controllers.application.js b/controllers.application.js
@@ -0,0 +1,16 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName: 'Ember Twiddle',
+  value: null,
+  actions: {
+    setValueToNull() {
+      this.set('value', null);
+      this.notifyPropertyChange('value');
+    },
+    setValueToFoo() {
+      this.set('value', 'foo');
+    }
+  }
+});
+
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,9 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+<br>
+{{outlet}}
+<input value={{value}}>
+<button {{action "setValueToNull"}}>Set Value to null!</button>
+<button {{action "setValueToFoo"}}>Set Value to Foo!</button>
+<br>
+<br>
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,18 @@
+{
+  "version": "0.11.0",
+  "EmberENV": {
+    "FEATURES": {}
+  },
+  "options": {
+    "use_pods": false,
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
+    "ember": "2.10.2",
+    "ember-data": "2.11.0",
+    "ember-template-compiler": "2.10.2",
+    "ember-testing": "2.10.2"
+  },
+  "addons": {}
+}