Jquery 使用angularjs中的绑定动态添加html内容

我有这样一个输入：

<input type="text" ng-model="name">

这样做的正确方式是什么？

---

谢谢。

如果可以避免使用

ng bind html

，最好使用， 在这里工作。
就像这里：

html

---

实际问题是什么？我猜你看到的是

{{{name}}

而不是

name

的值？这应该可以按原样工作，你能设置一个插件吗请看一下这个插件：是的，你添加了纯html而没有应用指令，这就是为什么括号中没有使用insteadIt与我昨天发布的相同谢谢！但是我可以动态添加一个模板吗？因为我有很多模板，当我最终只需要一个或两个模板时，加载所有模板将是一件很遗憾的事情。为什么这个插件不起作用？如果您需要动态模板，y可以使用，这就是您的plunk无法工作的原因，稍后我将使用示例设置plunk

$scope.list = ["<span>{{name}}</span>","<span>{{name2}}</span>"]

<div ng-repeat="item in list" ng-bind-html-unsafe="item">
                    <span>{{$index + 1}}.</span>
                    <span ng-bind-html="to_trusted(item)"></span>
                </div>

$scope.to_trusted = function(html_code) {
        return $sce.trustAsHtml(html_code);
    }

<div ng-repeat="item in list" >
         ...//other things
        <span ng-include="'t1'"  ></span>
    </div>

<script id="t1" type="text/ng-template">
      <span>{{item.name}}</span>
    </script>

$scope.list = [
      {name:"name1"},
      {name:"name2"},
      {name:"name3"}
      ];