AngularJS displaying different number of td elems in each tr using ng-repeat and ng-if -


I am trying to create a table in angles where the number of TD elements in the table per line varies. Sometimes there will be a TD element in two columns and sometimes two TD elements.

The example code given below is giving me the following table:

ID Item 1 This item is 2! ID ID 2 This item is 2! This item is 2!
id item 4 this item is 2!

However, I want to see the table like this:

id item 1
this item is 2!
id items 3
id items 4

Angelor Code: 

  & lt ;! DOCTYPE html & gt; & Lt; Html ng-app = "myApp" & gt; & Lt; Top & gt; & Lt; link href = "bootstrap.css" rel = "stylesheet" /> & Lt; Script src = "angular.js" & gt; & Lt; / Script & gt; & Lt; Script & gt; Var myApp = angular.module ('myApp', []); MyApp.controller ("TabCtrl", function ($ scope) {$ scope.items = ["item 1", "item 2", "item 3", "item 4"]}); & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div ng-controller = "TabCtrl" & gt; & Lt; Table class = "table" & gt; & Lt; Tr ng-repeat = "item in item" & gt; & Lt; div ng-if = "item! = 'item 2'" & gt; & Lt; TD & gt; Id & lt; / TD & gt; & Lt; TD & gt; {{Items}} & lt; / TD & gt; & Lt; / Div & gt; & Lt; div ng- if = "item == 'item 2'" & gt; & Lt; td colspan = "2" & gt; This item 2! & Lt; / Td> & Lt; / Div & gt; & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   
 Why not selecting one of the divs for each line?   
 
 
 This is what I have seen when I pasted my html in one:  
 <Voodoo>  
  div  inside the tag  Tr  tag, and the  td  tag is not allowed inside  div  tag, maybe  div  tag being omitted completely , And then  ng-if  s have lost with them  
 You do not need the  div  tag just  ng-if  S  td  tag:  
  & lt; Table class = "table" & gt; & Lt; Tr ng-repeat = "item in item" & gt; & Lt; td ng-if = "item! = 'item 2'" & gt; Id & lt; / Td> & Lt; td ng-if = "item! = 'item 2'" & gt; {{Items}} & lt; / Td> & Lt; Td ng-if = "item == 'item 2'" colspan = "2" & gt; This item 2! & Lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;

Comments

Post a Comment

Popular posts from this blog

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -

In brief, the wrapper module is inserted during posting and the status of an entry is changed to 'modified' . Before changing the state, the state is set to 'separate', but calling attachments () causes the same error to be thrown away. I am using EF 6. Model / wrapper class public class avi model {public A is a {get; Set; } Public listing & lt; B & gt; B {received; Set; } Public cc {receipt; Set; }} Administrator edit public functioning (int? id) {if (id == null) {new HttpStatusCodeResult (HttpStatusCode.BadRequest); } If (! Conveyor Access (id.Value)) new HTTPTitus code result (HTTP status code. Forbidden); Var aViewModel = new AViewModel (); aViewModel.A = db.As.Find (id); If (aViewModel.Receipt == zero) {return HttpNotFound (); } aViewModel.b = db.Bs.Where (x => x.aid == id.Value) .Oolist (); AViewModel.Vendor = db.Cs.Where (x => x.cid == aViewModel.a.cID) .FirstOrDefault (); See Return (aViewModel); } [HTPFost] [Valid AntitiferousTeacon...
Read more

jasper reports - How to center align barcode using jasperreports and barcode4j -

I use iReport 5.5.0 . How to align a barcode component to the center The relevant piece of my jrxml is below & Lt; JR: Code 128 xmlns: JR = "http://jasperreports.sourceforge.net/jasperreports/components" xsi: schemaLocation = "http://jasperreports.sourceforge.net/jasperreports/components http: //jasperreports.sourceforge Purge / xsd / components.xsd "textPosition =" bottom "& gt; & Lt; Jr: codeExpression & gt; & Lt; [CDATA [$ F {number}]] & gt; & Lt; / Jr: codeExpression & gt; & Lt; / Jr: Code 128 & gt; & Lt; / componentElement & gt; "Text" itemprop = "text"> Create a style after this, it is called "barcode", like: & lt; Style name = "barcode" fontName = "Helvetica" fONTSIZE = "10" hAlign = "center" valign = "center" /> and set the property of your barcode element to "barcode".
Read more

django - CommandError: You must set settings.ALLOWED_HOSTS if DEBUG is False -

I use Django 1.6.5 with settings in my program txsite: DEBUG = true I set the lie to debug, but when I get the runner , I get the following error: CommandError: You have to set the settings. OLOWOWHESTS If DEBUG is False I ALLOWED_HOSTS = ['127.0.0.1', 'localhost'] but I get the same error. Does anyone know this address? Try ALLOWED_HOSTS = ['*'] Less secure If you are not on a firewall or public LAN, but what I use and it works. Edit: Interestingly enough, I have to add some of my 1.8 projects, even if DEBUG = True . Why so very uncertain
Read more