使用Angularjs的ngBind和javascript对象
Using Angularjs ngBind with javascript object
在下面的字符串中,解析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
对象。您可以在视图中使用绑定操作符来评估绑定并在更改时进行更新。对于您的情况,您可以使用视图中的绑定,如下所示。
<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;
});
这将总是更新你的绑定和相应的视图元素
相关文章:
- Chrome开发工具(如何知道我在调用哪个javascript对象)
- 循环遍历以数组为值的Javascript对象
- 从ajax请求中获取javascript对象
- 如何从对象的原型方法访问JavaScript对象属性
- 将XML转换为普通的旧JavaScript对象
- 通过引用传递JavaScript对象
- javascript对象操作:根据指定条件选择属性
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- 如何在异步函数中使用javascript对象
- 临时Javascript对象
- 如何在ASP中为用户控件添加Javascript对象网
- 使用数组向下搜索Javascript对象
- Rails将JavaScript对象存储到Model的有效方式
- JavaScript对象不是从原型链继承的
- 如何创建具有默认值的JavaScript对象字段?(AngularJS模型相关)
- SetInterval在javascript对象中表现怪异
- Javascript 对象和 this 关键字
- 如何在不知道关键字的情况下访问javascript对象值
- 在 JavaScript 对象中设置要使用的运算符的属性
- 如何搜索JavaScript对象并更改值