Knockout JS. Текст и внешний вид

KnockoutJS предлагает декларативное связывание объектов модели с элементами интерфейса. Для этого в html-тегах указывается дополнительный атрибут data-bind, который определяет связанные данные и способ их отображения

Текст и внешний вид

The visible binding Visible определяет видимость DOM-объекта на странице. Если параметр в выражении visible принимает значение false, null, undefined или 0 (число), то сообветствующей элемент будет невиден на странице. В качестве значения можно использовать функцию или выражение.

The text binding Text вызывает отображение текста в соответствующем DOM-элементе.

KO устанавливает значение с помощью innetText (IE) или textContent (FF и другие), переписывая предыдущее значение. Если связывание сделано с observable пременной, то DOM-элемент будет обновляться каждый раз, когда будет изменяться эта переменная.

The html binding Связывание html интерпертирует переданное значение, как html-код. Для установки значения используется свойтво innerHtml. Необходимо убедиться в безопасности вставляемого кода, особенно в тех случаях, когда он формируется на основе пользовательского ввода. Предпочтительнее использование связывания text

The css binding Связывание css позволяет указать css-класс для элемента страницы. Если имя класса содежит символ - (минус), то его (имя) необходимо заключить в кавычки.

The style binding Связывание style определяет стили для DOM-элемента. Имена свойств должны задаваться в JavaScript cтиле, например, fontWeight, backgroundColor

The attr binding Связывание attr позволяет задать атрибуты и подчиняется тем же правилам, что и css binding

Слишком уж однообразным получился текст этой статьи, но и связывания в ней описаны самые простые. С помощью них можно задать содержимое элемента (текст или html), указать его классы и стили, задать атрибуты и определить видимость DOM-объекта. Если связывание сделано с observable, то элемент страницы будет обновляться динамически при изменении соответствующих переменных модели

Читайте в блоге

Knockout JS. Первое знакомство
Повторное экранирование кавычек в PHP
PDO

Метки: js knockoutjs

Комментарии:

Войдите на сайт, чтобы оставить комментарий