Angular.js如何以编程方式创建新的ng-model

Question

我目前正尝试以编程方式将"<label>Foos name</label><input ng-model="Foo"/>"添加到dom中作为字符串的一部分，我目前拥有的是这个。

.directive( 'showData', function ( $compile ) {
 return {
scope: true,
link: function ( scope, element, attrs ) {
  var el;

  attrs.$observe( 'template', function ( tpl ) {
    if ( angular.isDefined( tpl ) ) {
      // compile the provided template against the current scope
      el = $compile(tpl)( scope );

      // stupid way of emptying the element
      element.html("");

      // add the template content
      element.append( el );
    }
  });
}
 };
  });

问题是，$scope.Foo不存在......

有什么想法吗？

提前致谢

Answer 1

好的，弄明白为什么它不起作用..也很简单......

我有$ scope.foo =＆＃39;＆＃39;在我的控制器中定义，它覆盖了字符串中包含的那个。