title: TypeError: Cannot set property '' of undefined
body: <p>For some reason, I can't seem to bring this variable into scope to be manipulated.</p>
  
  <p>Markup:</p>
  
  <pre><code>&lt;label&gt;Description only &lt;input ng-model="filter.Description"&gt;&lt;/label&gt;&lt;br&gt;
  &lt;label&gt;Tags only &lt;input ng-model="filter.Tags.Text"&gt;&lt;/label&gt;&lt;br&gt; //This methodology works
  
  &lt;div ng-repeat="t in filteredTags" style="display:inline-block"&gt;
      &lt;button class="btn btn-warning" ng-click="FilterByTag(t.Text)"&gt;
          {{t.Text}}
      &lt;/button&gt;
  &lt;/div&gt; //But I want these buttons to work for the same thing, and they don't
  </code></pre>
  
  <p>.....</p>
  
  <pre><code>&lt;tr ng-repeat="b in filteredBookmarks| filter: filter:strict"&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code> $scope.FilterByTag = function (tagName) {
          filter.Tags.Text = tagName;
      };
  </code></pre>
  
  <p>If I change the JS variable to <code>$scope.filter.Tags.Text = tagName;</code>
  I get an error that reads: <code>TypeError: Cannot set property 'Text' of undefined</code>.
  Has anybody run into something similar?</p>