角度ng包括示例:将选择下拉列表替换为按钮

Question

我正在研究这个例子。用<button>替换<select>并仍然保留功能的最佳方法是什么？

我试过了：

    <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

我认为这应该有效：

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

并将其添加到控制器：

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

Answer 2

使用 ng 单击按钮设置$scope.template：

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