Error Similar to #4

[AndyBrownlie]

Hi SoftwareDoug

First of all, thank you for open-sourcing this directive. I'm experiencing problems similar to that prescribed in #4.

Previously I was getting the same error on the same line as #4, but I followed the recommended order change in my script references. Now my jquery ref is above my angular ref, but I am still getting the same error "TypeError: undefined is not a function" but on a different line. It is now appearing on line 9 - elm.popover(config);

Note, I am using ngbp but I wouldn't think that would make difference.

Any help is greatly appreciated.

[softwaredoug]

Can you paste in a simplified example of a blob of HTML with the error?

[AndyBrownlie]

Sure,

excerpt from index.html for compile js references

    <!-- compiled JavaScript -->
    <script type="text/javascript" src="vendor/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="vendor/angular/angular.js"></script>
    <script type="text/javascript" src="vendor/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <script type="text/javascript" src="vendor/placeholders/angular-placeholders-0.0.1-SNAPSHOT.min.js"></script>
    <script type="text/javascript" src="vendor/angular-ui-router/release/angular-ui-router.js"></script>
    <script type="text/javascript" src="vendor/angular-ui-select/dist/select.js"></script>
    <script type="text/javascript" src="vendor/inspector-gadget/inspector-gadget.js"></script>
    <script type="text/javascript" src="src/app/about/about.js"></script>
    <script type="text/javascript" src="src/app/app.controllers.js"></script>
    <script type="text/javascript" src="src/app/app.js"></script>
    <script type="text/javascript" src="src/app/app.services.js"></script>

and here is the stripped back version of my test page, which as you will recognise is just one of your samples:

<div ng-controller="TestController">
    <inspector-gadget data-placement="bottom">
        <a>Click here</a> 
        <inspector-title>
            Hello <b>World! Its {{tenSecTimer * 10}} o'clock</b>
        </inspector-title>
        <inspector-content>
            <h4>Seconds Counter: {{timer}}</h4>
            <h4>Previously timer was</h4>
            <ul>
                <li ng-repeat="i in [1,2,3]">{{timer - i}}</li>
            </ul>
        </inspector-content>
    </inspector-gadget>
</div>

let me know if you need anything else, and thanks for helping

[softwaredoug]

@AndyBrownlie did you ever figure out what was going on? I don't think I can run this code in isolation. Do you have a jsfiddle that reproduces the issue?

[AndyBrownlie]

Hi Doug

No, I didn't get past it. I actually decided to drop it for the time-being. I'm working on my first release (MVP) and its not critical. I will be sure to try to again when I have a minute or 2. If I'm still getting the same issue I'll be sure to set up a jsfiddle for it.

thanks