紧接上节谈到再谈angularjs DI(Dependency Injection)，在这里介绍关于angularjs的表达式expression。expression指的是javascript的一小片段代码，通常用于绑定（binding）例如：` expression `。在angularjs中是通过$parse service解析。
$parse用法： $parse(expression);
下面的表达式在angularjs将都是合法的表达式：
angularjs表达式vs. javascript表达式
angularjs视图表达式有点像javascript表达式，但是并不是利用javascript表达式eval()函数解析执行的，与javascript表达式区别如下：
注： 对于angularjs表达式，可以采用$eval()方法解析执行。
Demo
html:
计算
安全
数据库
网络和加速
企业服务
<!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/angular-1.0.2.min.js"></script> <script src="script.js"></script> </head> <body> <div ng-controller="Cntl2" class="expressions"> Expression: <input type='text' ng-model="expr" size="80"/> <button ng-click="addExp(expr)">Evaluate</button> <ul> <li ng-repeat="expr in exprs"> [ <a href="" ng-click="removeExp($index)">X</a> ] <tt>`expr`</tt> => <span ng-bind="$parent.$eval(expr)"></span> </li> </ul> </div> </body> </html> js:
function Cntl2($scope) { var exprs = $scope.exprs = []; $scope.expr = '3*10|currency'; $scope.addExp = function(expr) { exprs.push(expr); }; $scope.removeExp = function(index) {
exprs.splice(index, 1);
};
}
jsfiddle演示:http://jsfiddle.net/whitewolf/yduLt/1/
属性执行
angularjs所有的表达式执行都将依赖于一个作用于scope,不同于javascript的window全局作用域.如果你想引用全局作用于window,这必须依赖于上节的DI特性中引用$window service. 实例如下:
html:
<!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/angular-1.0.2.min.js"></script> <script src="script.js"></script> </head> <body> <div class="example2" ng-controller="Cntl1"> Name: <input ng-model="name" type="text"/> <button ng-click="greet()">Greet</button> </div> </body> </html> js:
function Cntl1($window, $scope){ $scope.name = 'World'; $scope.greet = function() { ($window.mockWindow || $window).alert('Hello ' + $scope.name); } } jsfiddle演示:http://jsfiddle.net/whitewolf/MF2Ku/1/
兼容执行
如上所述：angularjs表达式计算兼容处理null和undefined不会抛出任何异常，因为这将现实处理在view显示，而javascript则会抛出NullPointerExceptions异常。例如表达式
`a`.`b`.`c`，与其同等效果的javascript代码将是{{((a||{}).b||{}).c}}。 无控制流程
在angularjs表达式中将不存在条件，循环，throw控制流程语句。因为angularjs作为mvc或者贴近pm模式要求表现层逻辑必须包含在controller中，而不是view，view应该足够的被动。在表达式模式中都尽力将表现层不变的表现逻辑和多样易变的UI view中抽离出来，便于更好的自动化测试构建等。
过滤器（Filters）
数据仅作为一种持久化存储领域模型（表现层或者确切的成为视图模型viewmodel），当展现给用户的时候很多时候需要更友好的方式，比如时间，数字，货币格式本地化，
例如： name | uppercase ， 123 | number:2，3*10|currency。
filters支持链式写法，如何powershell或者其他操作系统外壳语言一样的管道式模型，形如 value | filter1 | filter2。
其他资源可参考本博客中其他angularjs随笔或者angularjs官方文档http://angularjs.org/。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
