使用Angularjs的ngBind和javascript对象

Using Angularjs ngBind with javascript object

本文关键字：javascript 对象 ngBind Angularjs 使用      更新时间：2023-09-26

在下面的字符串中，解析javascript对象并将其放入ngBinding中不会对其求值。我有一个字符串，我试图包括一个javascript对象的特定部分，并切换到Angular相对容易使用。当前的字符串是:

<html ng-app="bindHtmlExample">
...
<div>
    <p>"You owe ${{datatokens["DB.PMT"]}}"</p>

如果我把"You owe ${{600+11}}"这样的东西放在ngBinding中，它的正确计算结果是:

"You owe me $611"

另外，当我打开控制台时，它可以准确地定位datatokens["DB.PMT"]。因此，我一定在概念上错过了如何让这个javascript对象对这个Angular应用程序可用。

angular中的{{}}绑定操作符创建了一个从$scope到view的绑定。任何时候$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;
});

这将总是更新你的绑定和相应的视图元素

相关文章：