angular.js - Masalah menggunakan nilai ungkapan {{}} sebagai atribut dom dalam AngularJS
高洛峰
高洛峰 2017-05-15 17:03:19
0
2
660

Saya sendiri menulis penapis dan kodnya adalah seperti berikut:

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

Kod halaman adalah seperti berikut:

            <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>

Tetapi menulisnya seperti ini tidak berfungsi sekarang dan ia tidak mempunyai kesan apabila pageSize ialah sebarang nilai. Bolehkah sesiapa memberi saya nasihat?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

membalas semua(2)
漂亮男人

Bagaimana kalau kita berhenti menggunakan filter dan menukarnya seperti ini?

 <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>
phpcn_u1582
<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;
      };
    })
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan