通用部分：

<script>

     MY_FUNCTION = (function() {

        var upSheet = document.createElement('div');

        upSheet.setAttribute('style', 'display:none;position:absolute;left:0px;top:0px;z-index: 9999;');

        upSheet.style.width = document.documentElement.clientWidth + 'px';

        upSheet.style.height = document.documentElement.clientHeight + 'px';

        var sheet = document.createElement('div');

        sheet.setAttribute('style', 'display:block;width:100%;min-height:0px;position:absolute;left:0px;bottom:0px;z-index:10000;');

        upSheet.appendChild(sheet);

        document.body.appendChild(upSheet);

       return {

         scope : null,

         showUpSheet : function(o) {

           this.scope = o.scope;

           this.item=o.item;        

           sheet.innerHTML = o.template;

           upSheet.style.display = 'block';

         },

         hideUpSheet : function() {

           sheet.innerHTML = '';

           upSheet.style.display = 'none';

         }

       };

    })();

  </script>

调用部分：

$scope.showUpSheet = function() {

      MY_FUNCTION.showUpSheet({

        template: document.getElementById('templates/sheet.html').innerHTML

      });

    }

html部分：

<script id="templates/sheet.html" type="text/html">

  <div class="tabs-tanchu">

    11111111111

  </div>

</script>