将Angularjs ngBind与javascript对象一起使用_Javascript_Html_Angularjs

将Angularjs ngBind与javascript对象一起使用

javascript html angularjs

将Angularjs ngBind与javascript对象一起使用,javascript,html,angularjs,Javascript,Html,Angularjs,在下面的字符串中，解析javascript对象并将其放入ngBinding不会对其进行计算。我有一个字符串，我正试图在其中包含javascript对象的特定部分，为了相对易于使用，我正在切换到Angular。目前的字符串是： <html ng-app="bindHtmlExample"> ... <div> <p>"You owe ${{datatokens["DB.PMT"]}}"</p> 此外，当我打开控制台时，它可以准确地定位dat

在下面的字符串中，解析javascript对象并将其放入ngBinding不会对其进行计算。我有一个字符串，我正试图在其中包含javascript对象的特定部分，为了相对易于使用，我正在切换到Angular。目前的字符串是：

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

此外，当我打开控制台时，它可以准确地定位

datatokens[“DB.PMT”]

。因此，我必须在概念上忽略如何使此javascript对象可用于此角度应用程序

angular中的

{{}

绑定操作符创建从

$scope

到视图的绑定。只要

$scope

发生更改，视图将基于此绑定进行更新。它是

ng bind指令的快捷方式

，要求存在

$scope

对象。您可以在视图中使用binding操作符来评估绑定并在更改时进行更新。对于您的情况，您可以使用视图中的绑定，如下所示

HTML:

<div ng-app='app'>
    <div ng-controller='controller'>
        <div>You owe $ {{ datatokens}} </div>
    </div>
</div>

var app = angular.module('app', []);

app.controller('controller', function ($scope) {   
    $scope.datatokens = 600;
});

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

显示整个HTML，而不是其中的一部分。如果它不在angular范围内，angular将无法计算它。如果数据位于全局命名空间中，请将其传递到范围变量中

var app = angular.module('app', []);

app.controller('controller', function ($scope) {   
    $scope.datatokens = 600;
});