问如何在Angulrjs中将动态添加元素的属性绑定到其父元素属性值

EN

function clearAutocomplete($parse, $compile, $log) {
  var diretive = {    
    restrict: 'A',
    link: linkFunciton
  }
  return diretive;

  function linkFunciton(scope, element, attrs) {
    var ngDisabledModel = $parse(attrs.ngDisabled);
    scope.isDisabled = ngDisabledModel(scope);// value binded to auto complete ng-diabled

    var button = angular.element('<md-button>').attr('ng-disabled', '{{isDisabled}}');

    button.append('<md-icon md-font-set="material-icons">close</md-icon>');
    element.append(button);

    $compile(button)(scope); 

    var searchTextModel = $parse(attrs.mdSearchText);
    scope.$watch(ngDisabledModel, function(isElementDisabled) {
      scope.isDisabled = isElementDisabled;
    });

    button.on('click', function() {
        scope.$apply(function() {
            searchTextModel.assign(scope, undefined);
            element.find('input').focus();
        });
    });
  }
}