一、自定义标签 1、在JS里，使用驼峰命名法来命名，如：myDirective；在html页面调用该指令时需要以 - 分割，如： my-directive。 2、在自定义组件中，template，构成DOM，（1）compile，生成DOM、监听DOM、修改呈现内容，（2）controller：用来提供可在指令间复用的行为，（3）link，在compile后操作DOM，需要用scope.$apply(scope.doSomething())调用scope.doSomething()。

if (that.alertHtml && that.alertMethod) {    that.alertScope = $rootScope.$new();    angular.extend(that.alertScope, that.alertMethod);    angular.element(document.getElementById('#myAlert')).empty().append($compile(angular.element(that.alertHtml))(that.alertScope));    //$compile(DOM元素)(作用域)}

示例一：

    
         
     
          {
    { message }}    
      
     

二、自定义标签嵌套 示例二：

    
         
     
          {
    {ancestorName}}    
      
       {
    {childName}}