Angular CLI：無法綁定到屬性'sip'，因爲它不是'img'的已知屬性

Question

我有一個小型的Angular2 CLI項目，其中我使用Lync Integration顯示Sharepoint用戶。在一般的網絡應用程序，我直接給出如下：

<span> 
    <span class='ms-imnSpan'> 
     <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' > 
     <span class='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'> 
      <img name='imnmark' title='' ShowOfflinePawn='1' class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' ([sip])='email' id='imn_{{userId}},type=sip' /> 
     </span> 
     </a> 
    </span> 
    <span> 
     <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'> 
     <img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' ([sip])='email' id='imn_{{userId}}_2,type=sip' />{{userName}}</a> 
    </span> 
    </span> 

如果我使用的代碼像上面我的角度的應用程序給錯誤，sayinng無法綁定到財產的「SIP」，因爲它不是「已知屬性IMG」。真的在這裏失去了找不到這種屬性綁定的很多信息。任何人都有同樣的問題？

Answer 1

我修正了這個錯誤使用ngAfterViewInit（）調用，並在此方法中將sip屬性添加到img標記中。這是我爲完整的代碼：

ngAfterViewInit() { 
    var elements = document.getElementsByName('imnmark'); 
    for(let i=0; i< elements.length; i++) { 
     var att = document.createAttribute("sip");  
     att.value = this.email;       
     elements[i].setAttributeNode(att); 

     var onloadAttr = document.createAttribute("onload");  
     onloadAttr.value = "IMNRC('"+this.email+"', this)";       
      elements[i].setAttributeNode(onloadAttr); 
    } 

    if(typeof(window["IMNRC"]) != 'undefined') { 
     window["IMNRC"](this.email, document.getElementById('imn_uniqueId,type=sip')); 
     window["IMNRC"](this.email, document.getElementById('imn_uniqueId_2,type=sip')); 
    } 
}   

}

Answer 2

這是無效的Angular2語法

([sip])='email' 

這就是所謂的香蕉在一箱沒有的box-in-A-香蕉;-)

[(sip)]='email' 

的<img>元素不有一個sip屬性，因此你可能意思是

[attr.sip]='email'