Angular ng Include示例：使用按钮替换选择下拉列表

Question

我正在处理this示例..用<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

使用按钮点击按钮设置$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;     
}