角度：どのようにNG-showがここで

-1

<!DOCTYPE html> 
<html ng-app> 
<head> 
    <title>Hello World, AngularJS</title> 
    <script type="text/javascript" 
     src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 

</head> 
<body> 

    Write some text in textbox: 
    <input type="text" ng-model="sometext" /> 

    <h1 ng-show="sometext">Hello {{ sometext }}</h1> 

</body> 
</html>

プログラムが実行さ

は、 <h1>タグが表示されていない小規模な例である NG-ショーからはfalseを返します sometextので。

なぜの場合、がfalseを返しますか？ sometextは空であるか、割り当てられていないので

出典

2016-04-05 Mou

はい、あなたがあなた自身の質問に答えました。ヌル、未定義、0すべてが偽である – war1oc

ちょうど注記：バージョン1.0.7の角度を使用しないでください。それは完全に時代遅れです。現在のバージョンは1.5.3です。 –

コードを実行すると、動作していることがわかります。私はsometextの実際の値を持つh2要素を追加し、JavaScriptでfalseと評価される空の文字列であることがわかります。

<!DOCTYPE html> 
 
<html ng-app> 
 
<head> 
 
    <title>Hello World, AngularJS</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
</head> 
 
<body> 
 

 
    Write some text in textbox: 
 
    <input type="text" ng-model="sometext" /> 
 

 
    <h1 ng-show="sometext">Hello {{sometext}}</h1> 
 
    <h2>Actual String {{sometext}}</h2> 
 

 
</body> 
 
</html>

出典

2016-04-05 18:05:04 Gremash

ngShowディレクティブは、ngShow属性に指定された式に基づいて、指定されたHTML要素を表示または非表示にします。 CSSクラスを削除または追加して要素を表示または非表示にします。 .ng-hide CSSクラスはAngularJSで事前定義され、表示スタイルはnoneに設定されます（！importantフラグを使用）。

ngShow式がtruthy値に評価され、内容がvisibleに設定される直前に、.ng-hideクラスが削除され、expressionが真でない値、つまり0、falseまたはnullと評価された場合、.ng-hideクラスが追加されます。

出典

2016-04-05 17:56:44

それは質問に答えません。 –

@Mahesh私は別のことを尋ねました。おそらく、私の投稿を正しく読まなかったでしょう。私はngShowの定義を尋ねませんでした。 – Mou

角度：どのようにNG-showがここで

答えて

関連する問題