title: Angular - how to detect typos in object names or other simple, common issues
body: <p>I am new to Angular, and just hit a problem with an example I am following due to a mistake I had made in my filter. I typed the name of a property incorrectly.</p>
  
  <pre><code>&lt;tr ng-repeat="product in vm.products  |  filter: vm.searchInput.ProductName"&gt;
  </code></pre>
  
  <p>when the property name is actually camelCased.</p>
  
  <pre><code>filter: vm.searchInput.ProductName
  </code></pre>
  
  <p>(My background is more C# than JS so a common mistake I make)</p>
  
  <p>When the application ran it failed, silently. It was down to me to guess what I had done wrong.</p>
  
  <p>My question: is there a compiler plugin or a browser plugin that would detect this mistake? <strong>I am uneasy about using Angular to build large web-based projects if a simple typo is enough to break the webpage.</strong></p>
  
  <p>With MVC I have intellisense to help me with the model, and a YSOD (Yellow Screen Of Death) to point me at the line that is err'ing.</p>
  
  <p>UPDATE: I saw nothing in Chrome's Console to tell me of the error. Should I have seen something?</p>
  
  <p>UPDATE: Because Angular is being used more and more for larger projects (as opposed to "a quick bit of javascript to make a page do something"), and websites/apps are to be designed with Angular in mind (the paradigm shift from JQuery) I am expecting there to be something in Angular to catch issues like this otherwise it seems to me larger projects would be high risk.</p>