JavaScript ning obyektli modeli tushunchasi. Mijoz tomonidagi sahifani yaratishni boshqarishda hujjatning obyektli mexanizmidan foydalanilgan

{{question.text | kichik harf}}

Raqamlarni formatlash

Filtr raqami raqamni formatlash imkonini beradi. Masalan,

{{234.5677 | raqam: 1}}

. Ushbu filtrning natijasi 234,6 ga teng. Yo'g'on ichakdan keyin raqamli parametrni bildiradi, o'nli nuqtadan keyin faqat chisel qoladi (shartli ravishda, chunki bu holda nuqta maqsad va kasr qismini ajratish uchun ishlatiladi). Agar raqamli parametr o'nli kasrdan keyingi raqamlar sonidan kattaroq bo'lsa, unda chiqindagi raqamlar nol bilan to'ldiriladi.

Valyutani formatlash

Valyuta filtri valyutani formatlash uchun ishlatiladi. Masalan:

{{234.5 | valyuta}}

. Odatiy bo'lib, filtr dollar belgisini qo'shadi. Ammo AQSh dollari hamma joyda qo'llanilmaydi, shuning uchun biz valyuta belgisini o'zgartirishimiz mumkin:

{{234.5 | valyuta: 'RUB'}}

Sana formatlash

Sanani ma'lum bir formatda ko'rsatish uchun sana filtri qo'llaniladi. Ushbu iborada Unix davrining boshlanishidan (ya'ni 1970 yil 1 yanvar) millisekundalar sonidan foydalaniladi. Masalan:

{{1405405678756 | sana: 'yyyy-MM-dd'}}

Bu erda sahifada yyyy-MM-dd shabloniga mos keladigan 2014-07-15 sanasi ko'rsatiladi. Ushbu filtrda ko'plab andozalar mavjud, ularni hujjatlarda topish mumkin.

OrderBy va limitTo filtrlariga

OrderBy filtri ma'lum bir xususiyat bo'yicha ob'ektlar to'plamiga buyurtma beradi. Shunday qilib, so'nggi bo'limda yaratilgan loyihani olaylik. Ob'ektlar ko'rsatiladigan satrlarni quyidagicha o'zgartiramiz:

Bu erda sortparam parametridan foydalanadigan orderBy filtri qo'llaniladi. Ushbu parametrning ta'rifini avval yaratilgan QuestionController-ga qo'shaylik:

var myApp=angular.module('myApp');

myApp.controller('QuestionController', function($scope) {

 

  $scope.sortparam='rate';

  $scope.question={

        text: 'Какой js-фреймворк лучше использовать?',

        author: 'Иван Иванов',

        date: '20/10/2013',

        answers:[{

            text: 'AngularJS!',

            author: 'Вова Сидоров',

            date: '20/10/2013',

            rate:2

        },{

            text: 'AngularJS лучше всех',

            author: 'Олег Кузнецов',

            date: '20/10/2013',

            rate:0

        },{

            text: 'Я бы использовал knockout',

            author: 'Неизвестный',

            date: '21/10/2013',

            rate:0

        }]

    };

    $scope.voteUp = function (answer){

        answer.rate++;

    };

    $scope.voteDown = function (answer){

        answer.rate--;

    };

});

String $ хүрээ.sortparam = 'stavka'; o'sish tartibida tezlik xususiyati qiymati ko'rsatilganda barcha ob'ektlar saralanishini belgilaydi. Agar biz avval yuqori tezlik xususiyatiga ega bo'lgan ob'ektlarni joylashtirishimiz kerak bo'lsa, unda biz teskari tartibni bajaramiz: $ qamrovi.sortparam = '- tezlik';

Endi chiqishni ma'lum bir qator ob'ektlarga cheklaydigan limitTo filtrini qo'llaymiz:

Filtrni filtri

Filtrni filtri filtrlash parametrlari va qiymatlarini belgilaydi. Keling, bir misolni ko'rib chiqaylik. Yuqorida keltirilgan loyihani olamiz va filtr filtri yordamida unga ikkita ochiladigan ro'yxatning majburiyligini qo'shamiz:

{{answer.author}}





{{selected_answer.date}}

Bu erda birinchi tanlangan element ng-model orqali answer.author modeli bilan bog'langan. Ikkinchisi tanlangan modelga muvofiq filtrlashni amalga oshiradi. Birinchi ro'yxatdan javob muallifini tanlaganingizda, ikkinchisida avtomatik ravishda uning barcha javoblari sanalari ko'rsatiladi. Tanlangan elementga chiqishni div, ul yoki boshqa elementga chiqarish bilan almashtirish mumkin.

Filtr bilan yana bir misolni ko'rib chiqamiz. Aytaylik, ma'lum bir mezonga javob beradigan barcha javob beruvchilarni maxsus kirish maydoni orqali dinamik ravishda olishimiz kerak: