angulaire.js - Problème lors de l'utilisation de la valeur de l'expression {{}} comme attribut dom dans AngularJS
高洛峰
高洛峰 2017-05-15 17:03:19
0
2
656

J'ai moi-même écrit un filtre et le code est le suivant :

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

Le code de la page est le suivant :

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

Mais l’écrire comme ceci ne fonctionne pas maintenant, et cela n’a aucun effet lorsque pageSize est une valeur. Quelqu'un peut-il me donner des conseils ? Merci !

高洛峰
高洛峰

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

répondre à tous(2)
漂亮男人

Que diriez-vous d'arrêter d'utiliser filter et de le changer comme ça ?

 <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;
      };
    })
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal