angularjs - Angular ngInclude 示例：用按钮替换选择下拉菜单

Question

我正在研究这个例子.. 替换<select>with<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;     
}