ディレクティブ内のテンプレートのカスタマイズ
次のように、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 …