Съдържание
Когато работим по шаблони, много пъти трябва да ги направим по -интелигентни, това означава да направим крачка отвъд простото показване на данни, но това не трябва да означава, че вършим цялата работа в това, което трябва да бъде единственият изходен интерфейс за потребителя.AngularJS ни предлага това, което се нарича изрази, които са оператори за сравнение, логически и аритметични, с които можем да осигурим интелигентност на шаблона и по този начин да взаимодействаме по по -напреднал начин с контролера.
ИзразиИзразите ни позволяват да създаваме шаблони, които могат да бъдат по -интелигентни, с това можем да изразим както интерфейс, така и промени в поведението в зависимост от данните, които контролерът ни предлага.
Използвайки изрази, можем да постигнем динамично поведение на нашите шаблони, нещо, което може да помогне за подобряване на потребителското изживяване и по този начин да ги насочи по пътя на доброто използване на нашето приложение.
За да извършим това, можем да използваме редица притурки, които въпреки че не са толкова широки и дълбоки, колкото JavascriptТе дават много място за маневриране. Важно е да не се изкушавате да използвате изрази за изграждане на логика в нашите шаблони, тъй като ние ще изкривим тяхната функция, както и ще добавим ненужна сложност към нашите приложения.
Изразите, които можем да използваме са:
АритметикаКато събиране (+), изваждане (-), умножение (*), деление (/) и т.н.
СравнениеНапример по -голямо (>) или по -малко (<) от, равно (==) или различно (! =) To и техните комбинации.
ЛогикаКато различни (!), И (&&) или (||).
ОбажданияИзвикайте методите и функциите на нашия контролер с $ scope ({}).
Нека видим по -долу малък пример, който може да ни помогне да разберем използването на изрази в нашите шаблони в приложение, направено с AngularJS.
Както виждаме, това изобщо не е трудно и е много полезно да разполагаме с тези инструменти, ако разгледаме примера по по -добър начин, ще забележим също, че първият ни израз, въпреки че е технически валиден, съществуването му пренася бизнес логиката в шаблон.
Изразът {{преизчисляване () / 10}} Не трябва да се използва, ако се нуждаем от стойността, разделена на 10 от резултата от метода за повторно изчисляване (), трябва да го получим в контролера, а не в шаблона, така че трябва да направим нов метод, който да го включва и по този начин да бъде в състояние да спази разделянето на зоните, предложено от MVC.
С това завършваме урока, както виждаме AngularJS Той ни дава инструментите, за да можем да изграждаме качествени приложения, възползвайки се от всички ресурси, които можем да измислим, за да направим по -добри приложения.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
