以前にAngularJの基本的な使用について学んだので、ここではPDFを使用して式の関連する内容を学びます。
AngularJSの式は、JSとまったく同じではありません。
まず、その式を使用する前に{{{}}に配置する必要があります。第二に、JavaScriptの式概念と比較して、次の違いがあります。
1つの異なるスコープ
JavaScriptのデフォルト関数はウィンドウですが、AngularJSでは異なります。 $ Scope Controlを使用して行動します。
2未定義の値を許可します
AngularJSでは、未定義の式が使用されている場合、エラーはありません。NULL値は直接返されます。
3つのフィルター
|を使用できますUnixのコマンドラインと同様に、フィルターを追加する式のパイプコマンド文字。
4 $シンボル
角度を定義した方法と角度を区別するために使用されます。
これが小さなコードです:
<!doctype html> <html ng-app> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script = " <body> <div ng-controller = "ctl"> name:<input ng-model = "name" type = "text"> <button ng-click = "reset()"> reset </button> <br> {{name}} <br> hello! {{test}} <br> filter:{{name |大文字}} </div> <script type = "text/javascript"> function ctl($ scope){var str = "init"; $ scope.name = str; $ scope.reset = function(){$ scope.name = str; }} </script> </body> </html>リセットを介してリセットメソッドをトリガーして、名前変数のコンテンツをリセットします。
式では、未定義のテストが参照されますが、エラーは報告されておらず、デフォルトでは空のように表示されます。 - {{テスト}}
最後に、フィルターを使用して、式の名前の値を大文字に変換します。 - {{name |大文字}}
実行結果:
上記は、AngularJS式を整理する情報です。今後も関連情報を追加し続けます。ご支援ありがとうございます!