在下面的字符串中,解析 javascript 对象并将其放入 ngBinding 并没有对其进行评估。我有一个字符串,我试图在其中包含一个 javascript 对象的特定部分,并且为了相对易用性而切换到 Angular。目前的字符串是:
<html ng-app="bindHtmlExample">
...
<div>
<p>"You owe ${{datatokens["DB.PMT"]}}"</p>
如果我在 ngBinding 中放置类似 "You owe ${{600+11}}"
的内容,它的正确计算结果为:
"You owe me $611"
另外,当我打开控制台时,它可以准确定位datatokens["DB.PMT"]
。因此,我一定在概念上遗漏了如何使这个 javascript 对象可用于这个 Angular 应用程序。
最佳答案
angular 中的 {{}}
绑定(bind)运算符创建从 $scope
到 View 的绑定(bind)。任何时候 $scope
发生变化, View 都会根据这个绑定(bind)进行更新。它是 ng-bind 指令
的快捷方式,需要存在 $scope
对象。您可以在 View 中使用绑定(bind)运算符来评估绑定(bind)和更新更改。对于您的情况,您可以使用如下 View 中的绑定(bind)。
HTML:
<div ng-app='app'>
<div ng-controller='controller'>
<div>You owe $ {{ datatokens}} </div>
</div>
</div>
Javascript:
var app = angular.module('app', []);
app.controller('controller', function ($scope) {
$scope.datatokens = 600;
});
这将始终更新您的绑定(bind)和相应的 View 元素
关于javascript - 使用 Angularjs ng Bind 与 javascript 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25269523/