angualrJs中$interpolate的运用

Billy-Chen

于 2017-11-28 17:18:15 发布

阅读量266

点赞数

CC 4.0 BY-SA版权

分类专栏： angularJs 文章标签： angualrJs中interploat

本文链接：https://blog.youkuaiyun.com/cbc12/article/details/78657138

angularJs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用AngularJS实现的简单邮件预览功能。通过输入收件人的电子邮件地址和邮件正文，可以实时预览带有变量（如收件人名称）的邮件内容。此功能利用了AngularJS的双向数据绑定和$interpolate服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html部分：

<input type="email" ng-model="to" placeholder="请输入正确邮箱！">
<textarea ng-model="emailBody"></textarea>
<pre>{{previewText}}</pre>

javascript部分：

$scope.$watch('emailBody',function(body){
    if(body){
        var template = $interpolate(body);
        $scope.previewText = template({to:$scope.to});
    }
})

截图：