如何将html表单模板编译成html字符串
How to compile html form template to html string
我有一个像这样的对象:
$scope.item ={
fieldName:'First Name',
fieldModel:'user.firstname',
placeholder:'enter your name'
}
我想编译这个html表单模板,像这样:
<script type="text/ng-template" id="input.html">
<div class="items form-group">
<label class="col-sm-2 control-label">
{{item.fieldName}}
</label>
<div class="col-sm-10">
<input type="text" ng-model="{{item.fieldModel}}" placeholder="{{item.placeholder}}" class="form-control">
</div>
</div>
</script>
到使用纯HTML设计的HTML字符串:
<div class="items form-group">
<label class="col-sm-2 control-label">
First Name
</label>
<div class="col-sm-10">
<input type="text" ng-model="user.firstname" placeholder="enter your name" class="form-control">
</div>
</div>
你可以用:
<div id="tpl-content" ng-include src="input.html"></div>
但是你的模板应该是:
<script type="text/ng-template" id="input.html">
<div class="items form-group">
<label class="col-sm-2 control-label">
{{item.fieldName}}
</label>
<div class="col-sm-10">
<input type="text" ng-model="item.fieldModel" placeholder="{{item.placeholder}}" class="form-control">
</div>
</div>
相关文章:
- 是否可以使用有角度的HTML文档进行$编译
- 使用Gulp手柄部分编译为单个HTML文件
- AngularJS:带有HTML和angular表达式的指令;编译”;具有外部范围的内容
- 如何在编译时更新yeoman angular中的html路径
- 如何用一些已编译的HTML替换元素的值
- 如何将从GWT编译的JS添加/访问到另一个外部HTML / JS项目中
- 如何使用HtmlWebpackPlugin将已编译的Stylus捆绑包注入html文件
- Angularjs$编译输入html或元素
- 使用grunt预编译服务器端html模板
- AngularJs:抓取编译后的html并设置到工具提示中
- 编译角度代码以便能够执行内部html操作
- 我该如何访问由gullow灰质插件创建的数据对象(当使用nunjucks编译html文件时)
- '吞玉;没有工作或将jade编译为html
- 加载HTML后编译JS指令
- Angular 指令内部 HTML 重新编译,动态创建绑定属性
- 如何使ng-bind-html编译angularjs代码
- 如何在角度之外获取编译的角度指令html
- 是否可以将车把模板编译为 html
- 是否可以将角度模板编译为最终的 html 字符串
- 整合PlayN Html编译与SSL