angularjs - Angular ngInclude の例: 選択ドロップダウンをボタンに置​​き換えます

Question

私はこの例に取り組んでいます..を置き換えて機能を維持する最良の方法は何<select>ですか<button>?

私は試した：

    <div ng-model="template" ng-repeat="t in templates">
       <button>{{t.name}}</button>
    </div>

ボタンのレンダリングは機能しますが、テンプレート間の切り替えは機能しません

元のコード:

<select ng-model="template" ng-options="t.name for t in templates">
     <option value="">(blank)</option>
 </select>

Answer 1

ボタンを ng-click して以下を設定します$scope.template。

<div ng-model="template" ng-repeat="t in templates">
    <button ng-click="template=t">{{t.name}}</button>
</div>

Answer 2

私はこれがうまくいくと思います：

 <div ng-repeat="t in templates">
   <button ng-click="setTemplate(t)">{{t.name}}</button>
 </div>

そして、これをコントローラーに追加します。

$scope.setTemplate = function(t){
   $scope.template = t;     
}