在指令中自定义模板
我有一个使用Bootstrap标记的表单,如下所示: <form class="form-horizontal"> <fieldset> <legend>Legend text</legend> <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> <p class="help-block">Supporting help text</p> </div> </div> </fieldset> </form> 那里有很多样板代码,我想简化为一个新指令-form-input,如下所示: <form-input label="Name" form-id="nameInput"></form-input> 产生: <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> </div> </div> 我通过一个简单的模板完成了很多工作。 angular.module('formComponents', []) .directive('formInput', function() { return …