Git Product home page Git Product logo

Comments (5)

randallknutson avatar randallknutson commented on June 30, 2024

This should work assuming you have the right libraries loaded. Both angularjs and ngformio need to be loaded on the page, otherwise the browser won't know how to handle it. Be sure to read all the information in the readme in https://github.com/formio/ngformio

from ngformio.

D-S91 avatar D-S91 commented on June 30, 2024

Well i tried it. I have to be honest that I'm not fully into AngularJS. I have the builder working and that works great. But when i place a directive like <custom-directive></custom-directive> inside the HTML Element, than it just shows up empty. I think (or guess) it has to do with scoping.

When i check the DOM at the place it should be showing. All it says is <div ref="html" class=""></div> nothing of the mentioned directive shows up...

from ngformio.

randallknutson avatar randallknutson commented on June 30, 2024

If all you are trying to do is get a form to show up, you may want to look at our inline embed script. If you build the form on portal.form.io and go to the Launch tab you can see a single line that can be added to any webpage and it will render the form. That would remove the need for AngularJS.

from ngformio.

D-S91 avatar D-S91 commented on June 30, 2024

Hey @randallknutson sorry for the late reply. Week has been hectic.
But i noticed that on my own environment angularjs does run since {{data.firstName}} inside the component html element becomes invisible. However when i populate the firstName text field it doesn't work. If i try the demo builder linked on this github, then {{data.firstName}} remains visible. Which to me suggest that the angularJS isn't running.

Basically my question would be which scope does the html element have? is it his own scope or the general scope?

Thanks for your help so far!

from ngformio.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.