Angular + ui.bootstrap.buttons + radio filter

11 浏览
0 Comments

Angular + ui.bootstrap.buttons + radio filter

我想让一个按钮组像这里的单选按钮一样工作。

我想要的是：

  • 按钮默认情况下应该是禁用的，但默认情况下应显示所有条目。
  • 单选按钮行为。

我如何在我的当前代码中实现这个？

我的HTML代码：

按标题筛选：



      
        

          标题
          文本
        

      
      
        

          {{entry.title}}
          {{entry.text}}

我的JS代码：

App.controller('MainCtrl', function($scope, $http) {
    $http.get('output/entries.json')
    .then(function(res){
        $scope.entries = res.data;                
    });                      
    $scope.selected = {};
    $scope.titles = ["某个标题","另一个标题","另一个标题"];
    function isChecked(obj){
        var checked = [];
        for(var key in obj){
            if(obj[key])
                checked.push(key);
        }
        return checked;
    };
    $scope.byTitle = function(entry){
        var checked = isChecked($scope.selected);
        return checked.indexOf(entry.title) > -1;
    };    
} );

0