javascript - 使用 Angularjs ng Bind 与 javascript 对象

标签 javascript html angularjs

在下面的字符串中,解析 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/

相关文章:

javascript - 在 FQL 中为 10 个随机的 Facebook 好友找一张照片?

javascript - 在 API Client 中公开 Expressjs 中间件

javascript - CKEDITOR 添加图像

cookies - AngularJS 和 Laravel - 缺少(记住)cookie 的跨域 CORS/XHR 请求

javascript - 自定义 mongodb 搜索对象?

javascript - 如何从 AmChart 更新 clickMapObject 监听器中的全局数据

javascript - JS/jQuery : How can I automatically wrap <a href> tags around <img/>s with the href being dynamic based on the img src?

javascript - 为什么我的 Bootstrap 4.6 药片和标签无法正常工作?

html - 设置宽度和高度的响应式 div

javascript - angular.js 在 PhoneGap 中无法使用 ng-view 标签