$interpolate服务

最新推荐文章于 2025-11-27 12:57:01 发布

原创最新推荐文章于 2025-11-27 12:57:01 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

AngularJS 专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何使用AngularJS中的$interpolate服务实现字符串模板插值。通过实例演示了如何监听模型变化并更新视图预览。

要在字符串模板中做插值操作，需要在你的对象中注入$interpolate服务

$interpolateProvider

<html ng-app="myApp">
<head>
  <meta charset="utf-8">
  <script src="angular-1.0.1.min.js"></script>
  <script type="text/javascript">
var app = angular.module('myApp', []);
app.controller('MyController', function($scope, $interpolate) {
	$scope.$watch('emailBody', function(body) {
		if (body) {
			var template = $interpolate(body);
			$scope.previewText =template({to1: $scope.to});
		}
	});
});
</script>
</head>
<body>
<div ng-controller="MyController">
<input ng-model="to"
type="email"
placeholder="Recipient" />
<textarea ng-model="emailBody"></textarea>
<pre>{{ previewText }}</pre>
</div>
</body>

</html>