登录

angular.js - AngularJS 中使用 {{}}表达式的值作为 dom属性的问题

我自己写了一个filter 代码如下:

app.filter('selected', function() {
      return function(input, value) {
        var out = "";
        if(input == value){
            out = "selected";
        }
        return out;
      };
    });

页面代码如下:

            <select class="form-control input-sm" style="width: 60px;">
                <option {{data.page.pageSize|selected:5}} >5</option>
                <option {{data.page.pageSize|selected:10}} >10</option>
                <option {{data.page.pageSize|selected:20}} >20</option>
                <option {{data.page.pageSize|selected:50}} >50</option>
            </select>

但是现在这样写不起作用,pageSize是任何值的时候都没有效果。 哪位大神指教下谢谢了!

# AngularJS
高洛峰高洛峰2172 天前384 次浏览

全部回复(2) 我要回复

  • 漂亮男人

    漂亮男人2017-05-15 17:05:19

    要不别用filter了,这么改改?

     <select class="form-control input-sm" style="width: 60px;">
        <option ng-selected="data.page.pageSize === 5">5</option>
        <option ng-selected="data.page.pageSize === 10" >10</option>
        <option ng-selected="data.page.pageSize === 20" >20</option>
        <option ng-selected="data.page.pageSize === 50" >50</option>
    </select>

    回复
    0
  • phpcn_u1582

    phpcn_u15822017-05-15 17:05:19

    <select class="form-control input-sm" style="width: 60px;">
        <option data-ng-selected="{{data.page.pageSize | selected: 10}}" >10</option>
        <option data-ng-selected="{{data.page.pageSize | selected: 20}}" >20</option>
        <option data-ng-selected="{{data.page.pageSize | selected: 50}}" >50</option>
    </select>
    
    
    app.filter('selected', function() {
          return function(input, value) {
            return input == value;
          };
        })

    回复
    0
  • 取消回复发送