Javascript css没有通过angular.js应用于附加的html元素？

我通过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>'
  );

var myEl=angular.element（document.querySelector（'#form'）；
髓鞘(
''+
''+
''+
''+
''+
''+
''+
''+
“上载新图像”+
''+
''+
''+
''+
''+
''+
“姓名”+
''+
''+
''+
“头衔”+
''+
''+
''+
“电子邮件”+
''+
''+
''+
“电话”+
''+
''+
''+
''
);

但是最近添加的元素没有使用网站的css，我使用的是角度材质作为css框架

---

请引导我了解这一点，我应该解决什么问题

您忘记编译它了

像这样试试

$compile(myEl.contents())($scope);

---

如果不使用

$compile