Note that there are some explanatory texts on larger screens.

plurals
  1. POModal Window Issue (Unknown Provider: ModalInstanceProvider)
    primarykey
    data
    text
    <p>New to AngularJS and can't seem to find out what this error means. I've found a few others with the same error but it seems their issues don't correlate to mine.</p> <p><a href="https://stackoverflow.com/questions/18733680/unknown-provider-modalprovider-modal-error-with-angularjs">Unknown provider: $modalProvider &lt;- $modal error with AngularJS</a> (Seems I've got the latest ui-bootstrap version)</p> <p>And all of the others seem to be having scope issues with a modal, yet I can't seem to get the modal to begin with so I'm thinking these aren't related. Please tell me if I'm wrong and how that's the case:</p> <p><a href="https://stackoverflow.com/questions/18716113/scope-issue-in-angularjs-using-angularui-bootstrap-modal">Scope issue in AngularJS using AngularUI Bootstrap Modal</a></p> <p><a href="https://stackoverflow.com/questions/18924577/scope-issues-with-angular-ui-modal">Scope issues with Angular UI modal</a></p> <p>I grabbed the <code>ui-bootstrap-tpls-0.6.0.min.js</code> script from here: <a href="https://github.com/angular-ui/bootstrap/tree/gh-pages#build-files" rel="nofollow noreferrer">https://github.com/angular-ui/bootstrap/tree/gh-pages#build-files</a> and I even tried adding the <code>ui-bootstrap-0.6.0.min.js</code> script as well thinking it was possibly needed. Though if I read it properly, it seems if I chose the <code>ui-bootstrap-0.6.0.min.js</code> script I'd need to also grab all of the templates here <a href="https://github.com/angular-ui/bootstrap/tree/master/template" rel="nofollow noreferrer">https://github.com/angular-ui/bootstrap/tree/master/template</a> Which seems to be the case if I use only that script based on the errors:</p> <pre><code>Error: Failed to load template: template/modal/window.html Error: Failed to load template: template/modal/backdrop.html </code></pre> <p>I've created a plunker with everything for simplicity of explaining structure etc and pasting in all the code here.</p> <p><a href="http://plnkr.co/edit/yg3G8uKsaHNnfj4yNnJs?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/yg3G8uKsaHNnfj4yNnJs?p=preview</a></p> <p>The error (which you can see by testing the code on plunker with the console open) is the following:</p> <pre><code>Error: Unknown provider: $modalInstanceProvider &lt;- $modalInstance at Error (&lt;anonymous&gt;) at http://run.plnkr.co/8OIh0YtLn1dg9OvR/angular.min.js:30:24 at Object.c [as get] (http://run.plnkr.co/8OIh0YtLn1dg9OvR/angular.min.js:27:310) at http://run.plnkr.co/8OIh0YtLn1dg9OvR/angular.min.js:30:109 at c (http://run.plnkr.co/8OIh0YtLn1dg9OvR/angular.min.js:27:310) at d (http://run.plnkr.co/8OIh0YtLn1dg9OvR/angular.min.js:27:444) at Object.instantiate (http://run.plnkr.co/8OIh0YtLn1dg9OvR/angular.min.js:29:80) at http://run.plnkr.co/8OIh0YtLn1dg9OvR/angular.min.js:53:80 at http://run.plnkr.co/8OIh0YtLn1dg9OvR/angular.min.js:44:136 at m (http://run.plnkr.co/8OIh0YtLn1dg9OvR/angular.min.js:6:494) </code></pre> <p>If anyone can give any insight as to what I may be doing wrong here. It doesn't seem like a scope issue. More like a setup issue or possibly the way I'm manually bootstrapping the app?</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload