Knockout.js/textバインディング - 版の履歴

imported>Administrator: /* hello world */

2012-04-20T08:10:43Z

hello world

← 古い版		2012年4月20日 (金) 08:10時点における版
28行目:		28行目:
	<script type="text/javascript">		<script type="text/javascript">
	jQuery(function() {		jQuery(function() {
	// ~~モデル~~		// ビューモデル
	var AppViewModel = function() {		var AppViewModel = function() {
	this.message = ko.observable("hello, world");		this.message = ko.observable("hello, world");

imported>Administrator: Knockout/textバインディングをKnockout.js/textバインディングへ移動

2012-04-11T16:18:21Z

Knockout/textバインディングをKnockout.js/textバインディングへ移動

← 古い版		2012年4月11日 (水) 16:18時点における版
(相違点なし)

2012年4月11日 (水) 16:18にimported>Administratorによる

2012-04-11T16:18:08Z

← 古い版		2012年4月11日 (水) 16:18時点における版
1行目:		1行目:
	[[Knockout]]の'''textバインディング'''とは、パラメーターの値に応じ、関連付けられた[[DOM]]要素内のテキストを書き換える[[Knockout/可視バインディング\|可視バインディング]]のひとつである。		[[Knockout.js]]の'''textバインディング'''とは、パラメーターの値に応じ、関連付けられた[[DOM]]要素内のテキストを書き換える[[Knockout.js/可視バインディング\|可視バインディング]]のひとつである。

	textバインディングは、通常spanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。		textバインディングは、通常spanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。

	textバインディングで書き換えられた文字列はすべては強制的にプレーンテキストとなる。		textバインディングで書き換えられた文字列はすべては強制的にプレーンテキストとなる。
	プレーンテキストではなくHTMLで書き換えたい場合には[[Knockout/htmlバインディング\|htmlバインディング]]を使用する。		プレーンテキストではなくHTMLで書き換えたい場合には[[Knockout.js/htmlバインディング\|htmlバインディング]]を使用する。
	ただし[[Knockout/htmlバインディング\|htmlバインディング]]は使い方を一歩間違うと[[スクリプトインジェクション]]攻撃を受ける危険性が高いので素人にはおすすめできない。		ただし[[Knockout.js/htmlバインディング\|htmlバインディング]]は使い方を一歩間違うと[[スクリプトインジェクション]]攻撃を受ける危険性が高いので素人にはおすすめできない。

	== パラメーター ==		== パラメーター ==
	[[Knockout]]は、関連付られたDOM要素内のテキスト（[[IE]]であればinnerTextプロパティ、[[Firefox]]であればtextCotnentプロパティの値）を、パラメーターの値で上書きする。		[[Knockout.js]]は、関連付られたDOM要素内のテキスト（[[IE]]であればinnerTextプロパティ、[[Firefox]]であればtextCotnentプロパティの値）を、パラメーターの値で上書きする。

	このパラメーターが[[Knockout/~~observable~~]]~~の場合は、値を更新するたびにテキストも更新する。パラメーターがobservableでない場合はバインディング適用時（Knockout~~/~~applyBindings実行時）に1回だけ更新されて以降は更新されない。~~		このパラメーターが[[Knockout.js/observableオブジェクト\|observableオブジェクト]]の場合は、値を更新するたびにテキストも更新する。パラメーターが[[Knockout.js/observableオブジェクト\|observableオブジェクト]]でない場合はバインディング適用時（[[Knockout/applyBindings関数\|applyBindings関数]]実行時）に1回だけ更新されて以降は更新されない。

	パラメーターの値の[[型]]が数値（number型）または文字列（string型）の場合はそのものを、それ以外の場合はtoString()メソッドを実行した結果でテキストを上書きする。		パラメーターの値の[[型]]が数値（number型）または文字列（string型）の場合はそのものを、それ以外の場合はtoString()メソッドを実行した結果でテキストを上書きする。
16行目:		16行目:
	== 使用例 ==		== 使用例 ==
	=== hello world ===		=== hello world ===
	「[[hello, world]]」はこんな感じ。		textバインディングを使用した「[[hello, world]]」はこんな感じ。
	<source lang="html5">		<source lang="html5">
	<!DOCTYPE html>		<!DOCTYPE html>
45行目:		45行目:

	=== HTMLの使用 ===		=== HTMLの使用 ===
	textバインディングのパラメーターに[[HTML]]を書いてもそのままの文字列として表示される（HTMLエスケープされた文字列が表示される）。HTMLで上書きしたい場合は[[Knockout/htmlバインディング\|htmlバインディング]]を使用する。		textバインディングのパラメーターに[[HTML]]を書いてもそのままの文字列として表示される（HTMLエスケープされた文字列が表示される）。HTMLで上書きしたい場合は[[Knockout.js/htmlバインディング\|htmlバインディング]]を使用する。

	=== 式の使用 ===		=== 式の使用 ===
	textバインディングには簡単な式が使える。		textバインディングには簡単な式が使える。
	式に関する詳細は[[Knockout]]の項目を参照。		式に関する詳細は[[Knockout.js]]の項目を参照。

	[[3項演算子]]の使用例。		[[3項演算子]]の使用例。
80行目:		80行目:

	== 関連項目 ==		== 関連項目 ==
	* [[Knockout]]		* [[Knockout.js]]
	** [[Knockout/可視バインディング\|可視バインディング]]		** [[Knockout.js/可視バインディング\|可視バインディング]]
			** [[Knockout.js/制御フローバインディング\|制御フローバインディング]]

	== 参考文献 ==		== 参考文献 ==

2012年4月11日 (水) 08:33にimported>Administratorによる

2012-04-11T08:33:26Z

← 古い版		2012年4月11日 (水) 08:33時点における版
1行目:		1行目:
	[[Knockout]]の'''textバインディング'''とは、パラメーターの値に応じ、関連付けられた[[DOM]]要素内のテキストを書き換える[[Knockout/可視バインディング\|可視バインディング]]のひとつである。		[[Knockout]]の'''textバインディング'''とは、パラメーターの値に応じ、関連付けられた[[DOM]]要素内のテキストを書き換える[[Knockout/可視バインディング\|可視バインディング]]のひとつである。

	~~通常はspanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。~~		textバインディングは、通常spanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。

	textバインディングで書き換えられた文字列はすべては強制的にプレーンテキストとなる。		textバインディングで書き換えられた文字列はすべては強制的にプレーンテキストとなる。

2012年4月11日 (水) 08:33にimported>Administratorによる

2012-04-11T08:33:03Z

← 古い版		2012年4月11日 (水) 08:33時点における版
1行目:		1行目:
	[[Knockout]]の'''textバインディング'''~~とは、パラメーターの値に応じて関連付けられた~~[[DOM]]~~要素内のテキストを書き換えるバインディングのことである。~~		[[Knockout]]の'''textバインディング'''とは、パラメーターの値に応じ、関連付けられた[[DOM]]要素内のテキストを書き換える[[Knockout/可視バインディング\|可視バインディング]]のひとつである。

	通常はspanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。		通常はspanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。
81行目:		81行目:
	== 関連項目 ==		== 関連項目 ==
	* [[Knockout]]		* [[Knockout]]
			** [[Knockout/可視バインディング\|可視バインディング]]

	== 参考文献 ==		== 参考文献 ==
	<references/>		<references/>

imported>Administrator: /* パラメーター */

2012-04-10T15:20:48Z

パラメーター

← 古い版		2012年4月10日 (火) 15:20時点における版
8行目:		8行目:

	== パラメーター ==		== パラメーター ==
	[[Knockout]]は、関連付られたDOM要素内のテキスト（[[IE]]~~であればinnerText、~~[[Firefox]]~~であればtextCotnentの値）を、パラメーターの値で上書きする。~~		[[Knockout]]は、関連付られたDOM要素内のテキスト（[[IE]]であればinnerTextプロパティ、[[Firefox]]であればtextCotnentプロパティの値）を、パラメーターの値で上書きする。

	このパラメーターが[[Knockout/observable]]の場合は、値を更新するたびにテキストも更新する。パラメーターがobservableでない場合はバインディング適用時（Knockout/applyBindings実行時）に1回だけ更新されて以降は更新されない。		このパラメーターが[[Knockout/observable]]の場合は、値を更新するたびにテキストも更新する。パラメーターがobservableでない場合はバインディング適用時（Knockout/applyBindings実行時）に1回だけ更新されて以降は更新されない。

imported>Administrator: Knockout/textをKnockout/textバインディングへ移動

2012-04-10T15:11:59Z

Knockout/textをKnockout/textバインディングへ移動

← 古い版		2012年4月10日 (火) 15:11時点における版
(相違点なし)

2012年4月10日 (火) 15:11にimported>Administratorによる

2012-04-10T15:11:45Z

← 古い版		2012年4月10日 (火) 15:11時点における版
1行目:		1行目:
	[[Knockout]]の'''~~text~~'''~~バインディングとは、パラメーターの値に応じて関連付けられた~~[[DOM]]~~要素内のテキストを書き換える。~~		[[Knockout]]の'''textバインディング'''とは、パラメーターの値に応じて関連付けられた[[DOM]]要素内のテキストを書き換えるバインディングのことである。

	通常はspanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。		通常はspanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。

			textバインディングで書き換えられた文字列はすべては強制的にプレーンテキストとなる。
			プレーンテキストではなくHTMLで書き換えたい場合には[[Knockout/htmlバインディング\|htmlバインディング]]を使用する。
			ただし[[Knockout/htmlバインディング\|htmlバインディング]]は使い方を一歩間違うと[[スクリプトインジェクション]]攻撃を受ける危険性が高いので素人にはおすすめできない。

	== パラメーター ==		== パラメーター ==
41行目:		45行目:

	=== HTMLの使用 ===		=== HTMLの使用 ===
	textバインディングのパラメーターに[[HTML]]を書いてもそのままの文字列として表示される（HTMLエスケープされた文字列が表示される）。HTMLで上書きしたい場合は[[Knockout/~~html~~]]~~バインディングを使用する。~~		textバインディングのパラメーターに[[HTML]]を書いてもそのままの文字列として表示される（HTMLエスケープされた文字列が表示される）。HTMLで上書きしたい場合は[[Knockout/htmlバインディング\|htmlバインディング]]を使用する。

	=== 式の使用 ===		=== 式の使用 ===

2012年4月10日 (火) 11:20にimported>Administratorによる

2012-04-10T11:20:55Z

← 古い版		2012年4月10日 (火) 11:20時点における版
1行目:		1行目:
	[[Knockout]]の'''text'''~~バインディングとは、パラメーターの値に応じて関連付けられたDOM要素内のテキストを書き換える。~~		[[Knockout]]の'''text'''バインディングとは、パラメーターの値に応じて関連付けられた[[DOM]]要素内のテキストを書き換える。

	通常はspanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。		通常はspanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。

	== パラメーター ==		== パラメーター ==
	~~Knockoutは、関連付られたDOM要素内のテキスト（IEであればinnerText、FirefoxであればtextCotnentの値）を、パラメーターの値で上書きする。~~		[[Knockout]]は、関連付られたDOM要素内のテキスト（[[IE]]であればinnerText、[[Firefox]]であればtextCotnentの値）を、パラメーターの値で上書きする。

	このパラメーターが[[Knockout/observable]]の場合は、値を更新するたびにテキストも更新する。パラメーターがobservableでない場合はバインディング適用時（Knockout/applyBindings実行時）に1回だけ更新されて以降は更新されない。		このパラメーターが[[Knockout/observable]]の場合は、値を更新するたびにテキストも更新する。パラメーターがobservableでない場合はバインディング適用時（Knockout/applyBindings実行時）に1回だけ更新されて以降は更新されない。

imported>Administrator: /* HTMLの使用 */

2012-04-10T11:20:21Z

HTMLの使用

← 古い版		2012年4月10日 (火) 11:20時点における版
41行目:		41行目:

	=== HTMLの使用 ===		=== HTMLの使用 ===
	textバインディングのパラメーターにHTMLを書いてもそのままの文字列として表示される（HTMLエスケープされた文字列が表示される）。HTMLで上書きしたい場合は[[Knockout/html]]バインディングを使用する。		textバインディングのパラメーターに[[HTML]]を書いてもそのままの文字列として表示される（HTMLエスケープされた文字列が表示される）。HTMLで上書きしたい場合は[[Knockout/html]]バインディングを使用する。

	=== 式の使用 ===		=== 式の使用 ===