Angularjs Error: Template For Directive 'xxxxxx' Must Have Exactly One Root Element
This is a follow-up to this question. I am trying to build and HTML with multiple rows. I want some of these rows to be rendered by my directive myDirectiv
Solution 1:
Use this in the app
<tablewidth="40%"border="1"><tbodymy-directive-aa="mainCtrl.a"></tbody></table>and this in the directive template
<tbody><tr><tdbgcolor='#7cfc00'>MyDirectiveACtrl.a.b</td><tdbgcolor='#ff1493'>{{MyDirectiveACtrl.a.b}}</td></tr><tr><tdbgcolor='#7cfc00'>MyDirectiveACtrl.a.b</td><tdbgcolor='#ff1493'>{{MyDirectiveACtrl.a.b}}</td></tr></tbody>It allows you to have only one root element in your directive, and add more than one TR inside of it.
| Has A Class, Add Class To Table Cell |
Let's say I have the following html: …
WebRTC Video Constraints Not Working
I'm trying to get a lower resolution from the webcam na…
HasClass Doesn't Work In My Js Code?
I want to use hasClass in the following code, but that does…
I am relatively new to Javascript/Ajax. When the user click…
Highcharts Donutchart: Avoid Showing Duplicate Legend With Nested Charts
I am trying to represent nested data using Highcharts Donut…
How Do I Use Data From Vue.js Child Component Within Parent Component?
I have a form component where I use a child component. I wa…
Logic For The Next Button For The Questionnaire?
I am beginner in AngularJS and facing some issues. I am try…
Assignment To Property Of Function Parameter (no-param-reassign)
I have this function and while I have this working nicely, …
I am making a web application using nodejs and angular cli …
How To Show Website Preloader Only Once
I added a preloader to my website and the preloader animati…
|
|---|
Post a Comment for "Angularjs Error: Template For Directive 'xxxxxx' Must Have Exactly One Root Element"