<h1>Example: ngBindTemplate</h1>
<p>ngBindTemplateはテンプレートを作成し複数の要素をBindすることができます。</p>
<div ng-app>
  <input type="text" ng-model="firstName" placeholder="Hoge">
  <input type="text" ng-model="lastName" placeholder="Fuga">
  <p ng-bind-template="{{ firstName }} - {{ lastName }}"></p>
</div>
@import "bourbon";

body {
  padding: 1.5rem;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js