AnglarJS世界------AnglarjsとJavascriptと表現に関する内容


前節ではAnglarの紹介を述べましたが、最後には式、命令、模型があります.次の3つのセクションを順次詳しく説明します.まず表現式です.アングラーとJavascritの表現にはどんな違いがありますか?
AnglarJS表式
AnglarJS表式は、二大括弧内に書いてあります.AnglarJS表式はデータをHTMLに結び付けています.これはng-bind命令と同じです.AnglarJSは表式で書く位置”にデータを出力します.AnglarJS表現はJavaScript表現に似ています.文字、演算子、変数を含んでいます.実例{1+1}または{a+”+b}
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app=""> <p>        : {{ 1 + 1 }}</p> </div> </body> </html>
AnglarJS表式とJavaScript表式
JavaScript式と同様に、AnglarJS式にはアルファベット、オペレータ、変数が含まれます.JavaScript表現とは違って、AnglarJS表現はHTMLに書いてもいいです.JavaScript表現と違って、AnglarJS表現は条件判定、サイクル及び異常をサポートしていません.JavaScript表現とは異なり、AnglarJS表現はフィルタをサポートします.
アングラーJSとJavaScriptの数字、文字列、オブジェクト、配列が似ています.
数字
<div ng-app="" ng-init="num=2;price=8"> <p>{{ num * price }}</p> </div>
文字列
<div ng-app="" ng-init="a='aaa';b='bbb'"> <p>{{ a + " " + b }}</p> </div>
オブジェクト
<div ng-app="" ng-init="obj={a:'aaa',b:'bbb'}"> <p>   {{ obj.a}}</p> </div>
行列
<div ng-app="" ng-init="arr=[0,1,2,3]"> <p>      {{ arr[1] }}</p> </div>