title: Angular toast directive seems to ignore options attribute
body: <p>working with angular, wanted toast messages...</p>
  
  <p>per this questions i chose angular toast</p>
  
  <p><a href="https://stackoverflow.com/questions/26309573/fire-notification-toaster-in-any-controller-angularjs">Fire notification toaster in any controller angularjs</a></p>
  
  <p>But when i try to set the location thusly</p>
  
  <pre><code> &lt;toaster-container toaster-options='{ "time-out": 15000, "animation-class": toast-bottom-right,  "position-class": toast-bottom-right }'&gt;&lt;/toaster-container&gt;
  </code></pre>
  
  <p>it's ignored... unless I modify the actual source </p>
  
  <pre><code>  'position-class': 'toast-bottom-right', // Options (see CSS):// I changed this manually to work around a bug that ingnored this setting - EWB
              // 'toast-top-full-width', 'toast-bottom-full-width', 'toast-center',
              // 'toast-top-left', 'toast-top-center', 'toast-top-right',
              // 'toast-bottom-left', 'toast-bottom-center', 'toast-bottom-right',
  </code></pre>
  
  <p>At which time the settings here are used, even if they conflict with the modified source.</p>
  
  <ol>
  <li>What am I doing wrong setting the options on the directive markup?</li>
  <li>Is there are better angular toaster implementations that's less buggy? (I haven't messed with it yet, but ngToast seems to be better setup , more complete)</li>
  </ol>
  
  <p>I tried a bunch of different ways to set the settings, all were ignored.. when i modified the source, this started to work.</p>