[英]css is not applied to the appended html elements by angular.js?
我像這樣通過angular.js將一些html附加到div上
var myEl = angular.element( document.querySelector( '#form' ) );
myEl.append(
'<div layout="row" layout-wrap layout-padding >'+
'<div flex = "50" flex-sm = "100" flex-md = "100" flex-lg = "50">'+
'<div layout = "row" layout-align = "center center">'+
'<img class="md-avatar">'+
'</div>'+
'<div layout = "row" layout-align = "center center">'+
'<md-button class="md-raised" style="width: 200px;white-space: normal;line-height: 12px;">'+
'<i class="fa fa-upload"></i>'+
'Upload New Image'+
'</md-button>'+
'</div>'+
'</div>'+
'<div flex = "50" flex-sm = "100" flex-md = "100" flex-lg = "50">'+
'<i class="fa fa-trash-o" style = "float:right;"></i>'+
'<md-input-container flex>'+
'<label>Name</label>'+
'<input type="text" >'+
'</md-input-container>'+
'<md-input-container flex>'+
'<label>Title</label>'+
'<input type="text" >'+
'</md-input-container>'+
'<md-input-container flex>'+
'<label>Email</label>'+
'<input type="email" >'+
'</md-input-container>'+
'<md-input-container flex>'+
'<label>Telephone</label>'+
'<input type="text" >'+
'</md-input-container>'+
'</div>'+
'</div>'
);
但是最近添加的元素沒有采用網站的CSS,而是使用Angular-material作為CSS框架。
請引導我進入該問題以及我應該解決的問題。
你忘了編譯
這樣嘗試
$compile(myEl.contents())($scope);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.