为什么angular不解析我的模板？

Question

我有一个角度指令，在该指令加载后，我通过templateCache编译模板。 由于某种原因，我的{{}}会在模板中输出，而不是被解析并替换为其各自的值。 有人知道为什么吗？

模板看起来像这样

 <script type="text/ng-template" id="input">
        <input class="cirque-input" ng-model="model" value="{{model}}" type="{{fieldtype}}" ng-change="updateForm()" />
  </script>

在我的指令链接函数中，我得到了模板并显示为

 var tmpUrl=$templateCache.get(scope.template);
  elm.html(tmpUrl);
  $compile(elm.contents())(scope);

显然我在这里做错了，但我不知道是什么。

Answer 1

先编译，然后用新的html替换element：

    var tmpUrl=$templateCache.get(scope.template);  
    var compiledContents = $compile(elm.contents())(scope);
    // here i'm not sure about the html method
    elm.html(compiledContents); 
    // maybe you have to use 
    // elm.replaceWith(compiledContents[0])

Answer 2

我有类似的问题，但我使用replace ...您可能要尝试：

var tmpUrl=$angular.element($templateCache.get(scope.template));
elm.append(tmpUrl);
$compile(tmpUrl)(scope);

要么

var tmpUrl=$angular.element($templateCache.get(scope.template));
elm.append(tmpUrl);
$compile(elm)(scope);