angular-formly-templates-bootstrap | Angular-Formly : Bootstrap Templates
kandi X-RAY | angular-formly-templates-bootstrap Summary
kandi X-RAY | angular-formly-templates-bootstrap Summary
Angular-Formly: Bootstrap Templates
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of angular-formly-templates-bootstrap
angular-formly-templates-bootstrap Key Features
angular-formly-templates-bootstrap Examples and Code Snippets
Community Discussions
Trending Discussions on angular-formly-templates-bootstrap
QUESTION
I am new in working with Angular. I made a "repeating-cascaded-table": Each rows is connected. If in row 1, column 1 (R1C1) something changes, the other 2 columns in that row are cascaded.
I created two "plunkers" to demonstrate my issue.
- With a custom directive (for ng-repeat) (http://plnkr.co/edit/J8k74C3AUIAxv6rEKcWL?p=preview)
- The same but without directive (http://plnkr.co/edit/neOgWfuyuFnkawRGJB0c?p=preview)
In example 2, when in R1C1 "Function" is chosen, and in R1C2 a random option is selected then R1C3 is populated with cascaded options.
When, in the same example, a row is added (R2) and in R2C1 "department" is chosen and in R2C2 a other random option, R2C3 gets populated with cascaded options BUT... R1C3 changes too...
When i work WITH a custom directive then this problem is solved. However the delete button for each row is not working (and so is the $index..), and also the json formatted form data isn't populated. How can i make a perfect match between these two plunkers? I am breaking my head over this :(
PLUNKER CODE (example 2):
JS:
...ANSWER
Answered 2017-Aug-29 at 12:56Ok, i think you are calling splice inside the directive, but the filters are not defined in directive. What you should do is pass the function also to directive. like you have passed the 'filter'. this 'remove' function can be on the outer controller and passed as
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install angular-formly-templates-bootstrap
Install angular-formly
Install angular-formly: Bootstrap Templates $ bower install angular-formly angular-formly-templates-bootstrap --save
Include the javascript file in your index.html, Formly comes in the following flavors: <script src="bower_components/angular-formly/dist/formly.min.js"></script> <script src="bower_components/angular-formly-templates-bootstrap/dist/angular-formly-templates-bootstrap.min.js"></script>
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page