angularjs如何运用插值字符串

1、首先我们先来看一下我们要实现的效果是什么样的，如下图所示：文本框里是一个名字，富文本框内容不断变化，显示的内容中一直带有文本框里的名字

2、下面根小编一起来实现这个效果，首先我们用编程工具新建一个web项目，如下图所示：

3、然后我们打开Index.cshtml，引入jquery的库和angularjs的库，如下图所示

4、下面我们将页面上的html元素建好，如下图所示，主要是一个文本框，一个富文本框

5、接下来就开始写angular方面的内容了，先把控制器给写好，如下图所示，控制器里给html中的ng-model数据先设上了初始值，注意参数$interpolate，是插值实现的主要点

6、然后我们调用watch函数，来时刻检测emailBody值的变化，一旦有变化就调用插值处理函数进行内容更新，如下图所示：

7、综上所述，angularjs运用插值功能主要就是利用$interpolate去处理，另外还需要$watch配合检测值变化，怎么样，是不是很简单！