更新或重置ng-model绑定到新属性

Question

我已将ng-model的绑定更新为范围中的新属性。我必须编译模板来更新角度绑定。

directive('reset', function($compile) {
  return {
      restrict: "A",
      link: function(scope, element, attribute) {
          console.log('inside reset directive');
          scope.updateBinding = function() {
            element.children().eq(0).attr({'ng-model': 'testobj.two'});
            $compile(element.contents())(scope);
          }      
      }
  };
});

但在这样做之后，对新ng-model属性的任何更新都会更新旧属性。这只有在我编译之后才会发生。 如果没有编译，事情就会完美无缺。

为什么绑定在编译后会以这种方式运行。

Here is a plunkr for the same.