Question

在以下字符串中，解析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应用程序。

Answer 1

angular中的{{}}绑定运算符创建从$scope到视图的绑定。任何时候$scope更改，视图将根据此绑定进行更新。它是ng-bind directive的快捷方式，需要$scope对象存在。您可以在视图中使用绑定运算符来评估绑定和更新更新。对于您的情况，您可以在视图中使用绑定，如下所示。

<强> 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;
});

这将始终更新您的绑定和相应的视图元素

将Angularjs ngBind与javascript对象一起使用

1 个答案: