Page 369 - AngularJS权威教程

25.4 ui-utils 349

象。例如： 19

{{ "Hello$0" | format: 'Ari' }}
或者，也可以在作用域中将名称绑定给变量，然后使用format库以一个干净的格式呈现它。 20
比方说有一个看起来像这样的控制器：
21
angular.module('myApp', ['ui.format'])
.controller('FormatController', function($scope) {
$scope.name = 'Ari';
}); 22
你还可以格式化输入字段以防范在$scope上绑定变量：

尽管这段代码并不是特别有趣（这是Angular的一项创造性的功能），但当你想要在键-值的基 23
础上操作文本时它就变得很有趣了。
例如，你可以基于对象的键来格式化一个字符串。比方说你有一个带有name和email属性的 24
对象：
25
.controller('FormatController', function($scope) {
$scope.person = {
name: 'Ari',
email: 'ari@fullstack.io' 26
};
});
27
接下来可以修改HTML，引入作为tokens的对象键，这允许你改变匹配标记来防范把键当作
tokens：
28
{{ "Hello: name. Youre mail is: email" | format: person }}
format模块在处理翻译或者支持i18n时特别有用（更多关于翻译的信息，请参考第27章）。
29

30

31

32

33

34

35

36