2016-04-22 7 views
0

Ich weiß haben, dass ich einen Zelleninhalt als Link in ng-repeat analysieren formatieren können:Wie Smart-Tabelle Parse-Inhalt als HTML/bedingte Formatierung

<a ng-href="{{::domainname}}/{{::row.sector}}/{{::row.cname}}/ipo-{{::row.tickerbb}}.html">{{::row.cname}}</a> 

Hier die fiddle ist.

Wie mache ich es dynamisch, so dass, wenn row.tickerbb ist Null - zeigen Sie eine andere URL? Ich versuchte es in der Steuerung zu tun, durch die Daten Looping:

var i = 0; 
$.each(data, function() { 
    if (data[i].tickerbb != null) { 
     data[i].cname = '<a title="' + data[i].cname + '"' + ' ng-href="' + domainname + '/' + data[i].sector + '/' + data[i].shortcname + '/ipo-' + data[i].tickerbb + '.html">' + data[i].cname + '</a>'; 
    } 
    else { 
     data[i].cname = '<a title="' + data[i].cname + '" href="Holdings">' + data[i].cname + '</a>'; 
    } 
    i += 1; 
}) 

Aber die Ergebnisse zeigen sich als rohe HTML-Tags:

enter image description here

Wie mache ich die bedingte Formatierung des smart - Tischzelle? Oder gibt es eine Möglichkeit, Zellen in Smart-Tabellen zu bereinigen?

Antwort

0

es gelöst durch meinen Link in der Steuerung der Konstruktion:

var i = 0; 
$.each(data, function() { 
    data[i].weight = (data[i].weight * 100).toFixed(2) + '%'; 
    if (data[i].shortcname != null) { 
     var cname = data[i].cname; 
     var sector = data[i].sector; 
     var shortcname = data[i].shortcname; 
     var tic = data[i].tickerbb; 
     var url = '<a title="' + cname + '" href="' + $scope.domainname + '/' + sector + '/' + shortcname + '/ipo-' + tic + '.html">' + cname + '</a>'; 
         data[i].cname = url; 
     } 
     else 
     { 
      data[i].cname = '<a title="' + data[i].cname + '" href="Holdings">' + data[i].cname + '</a>'; 
     } 
     i += 1; 
}) 

Und dann es in ng-repeat Hygienisierung:

<td ng-bind-html="row.cname"></td>