AngularJS不使用水瓶
AngularJS不使用水瓶
提问于 2016-07-16 20:08:39
我有这个简单应用程序
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>working app</title>
<script type="text/javascript" src="static/js/angular.min.js"></script>
<script type="text/javascript">
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
$scope.message = "Howdy!!";
}])
.config(['$interpolateProvider', function($interpolateProvider) {
$interpolateProvider.startSymbol('{a');
$interpolateProvider.endSymbol('a}');
}]);
</script>
</head>
<body ng-app="myApp">
<h1>Hello!</h1>
<div ng-controller="myCtrl">
<span>{message}</span>
<span>{{ '{{message}}' }}</span>
</div>
</body>我得到的是{message} {{message}}页面中的html，而不是范围值。我不知道，我哪里出问题了。我真的很感激在这方面的任何帮助！
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-07-16 20:20:31
若要达到预期结果，请使用下面的选项绑定范围值
{消息a}开始标记和结束标记应该分别为“{a”和“a}”，而不包含{{}}。
HTML：
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>working app</title>
<script type="text/javascript">
</script>
</head>
<body ng-app="myApp">
<h1>Hello!</h1>
<div ng-controller="myCtrl">
<span>{a message a}</span>
</div>
</body>联署材料：
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
$scope.message = "Howdy!!";
}])
.config(['$interpolateProvider', function($interpolateProvider) {
$interpolateProvider.startSymbol('{a');
$interpolateProvider.endSymbol('a}');
}]);Codepen= http://codepen.io/nagasai/pen/JKrVgV
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38415171
复制相关文章
相似问题
腾讯云开发者
