$interpolate服务

hqmln

于 2016-05-31 16:19:30 发布

阅读量169

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJS 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/hqmln/article/details/84804812

AngularJS 专栏收录该内容

19 篇文章

订阅专栏

要在字符串模板中做插值操作，需要在你的对象中注入$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>