Page 43 - AngularJS权威教程

6.2 插值字符串 23

} 1
};
}]);

现在，我们已经创建了一个模块，可以将它注入到应用中，并在邮件正文的文本中运行这个 2
邮件解析器：

angular.module('myApp', ['emailParser']) 3
.controller('MyController', ['$scope', 'EmailParser',
function($scope, EmailParser) {
// 设置监听 4
$scope.$watch('emailBody', function(body) {
if (body) {
$scope.previewText = EmailParser.parse(body, {
to: $scope.to 5
});
}
});
}]); 6
现在用自定义的 __ 符号取代默认语法中的 {{ }} 符号来请求插值文本。
7
由于我们将表达式开始和结束的符号都设置成了__，因此需要将HTML修改成用这个符号取
代{{ }}的版本，效果如图6-1所示。
8
<div id="emailEditor">
<input ng-model="to"
type="email" 9
placeholder="Recipient" />
<textarea ng-model="emailBody"></textarea>
</div>
<div id="emailPreview"> 10
<pre>__ previewText __</pre>
</div>
11

12

13

14

图6-1 插值文本 15

在线实例：http://jsbin.com/ivuJEXI/1/edit。 16

17

18