Angularjs学习笔记2_添加删除DOM元素

1.调用element方法

    angular.element(html) 把字符串或dom对象转化成一JQuery对象，

　　　 angular.element(document.getElementById("control")).append(newHtml); 在id为control<div>元素里内添加新对象，新对象在添加前需$compile编译过

　　　 <div ng-controller="c10_1" class="frame" id="control">
        <button ng-click="add()">添加元素</button>
        <button ng-click="del()">删除元素</button>
    </div>
    <script type="text/javascript">
      angular.module('a10_1', [])
      .controller('c10_1', function ($scope, $compile) {
      　　$scope.hello = 'Hello,Angular!';
      　　$scope.log = function() {
          console.log('这是动态添加的方法！');
       　 }//添加元素及其对象方法加变量
      　　var html = "<div ng-click='log()'>{{hello}}</div>";
       　 var template = angular.element(html);
       　 var newHtml = $compile(template)($scope);
      　　$scope.add = function () {
        　　 angular.element(document.getElementById("control")).append(newHtml);
      　　}
         $scope.del = function () {
          if (newHtml) {
            newHtml.remove();
          }
        }
      });
    </script>

2.使用ng-show

 待续