将Angularjs ngBind与javascript对象一起使用

陵墓

在以下字符串中,不会评估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应用程序的概念。

阿迪亚·辛格(Aditya Singh)

{{}}成角度绑定操作符创建从$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;
});

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将AngularJS与Liferay一起使用

来自分类Dev

将effekt与angularjs一起使用

来自分类Dev

将AngularJS与npm一起使用

来自分类Dev

将makeObjectsPerformSelector与对象一起使用

来自分类Dev

将AngularJS中的jQueryUI插件与ngRepeat循环中的数据绑定对象数组一起使用

来自分类Dev

将ng-submit和ng-model与嵌套的javascript对象一起使用

来自分类Dev

将D3.js与javascript对象而不是外部JSON文件一起使用

来自分类Dev

角度2:如何将JavaScript Date对象与NgModel双向绑定一起使用

来自分类Dev

将OpenLayers与RequireJS和AngularJS一起使用

来自分类Dev

强制特定页面将HTTPS与angularjs一起使用

来自分类Dev

将Wijmo事件日历与angularjs一起使用

来自分类Dev

AngularJS:将$ routeProvider与多个模块一起使用?

来自分类Dev

将库(Plyr)与指令和AngularJS一起使用

来自分类Dev

将angularjs $ timeout与$ scope的“ this”一起使用

来自分类Dev

我如何将ajax与angularJS一起使用?

来自分类Dev

将库(Plyr)与指令和AngularJS一起使用

来自分类Dev

我如何将 AngularJs 与 JsBarcode 一起使用?

来自分类常见问题

将Q对象与变量一起使用

来自分类Dev

将Automapper与抽象对象的集合一起使用

来自分类Dev

如何将requestAnimationFrame与TypeScript对象一起使用?

来自分类Dev

如何将IN与块而不是对象一起使用?

来自分类Dev

将cat()与调用对象一起使用

来自分类Dev

将%w与对象的字符串一起使用

来自分类Dev

如何将QVector与多个对象一起使用

来自分类Dev

如何将componentsSeparatedByString与多个对象一起使用

来自分类Dev

将Celery Chunk与对象或整数序列一起使用

来自分类Dev

将NSCoding与领域模型对象一起使用

来自分类Dev

将diff与漂亮的汤对象一起使用

来自分类Dev

将init和didSet与NSManaged对象一起使用

Related 相关文章

  1. 1

    将AngularJS与Liferay一起使用

  2. 2

    将effekt与angularjs一起使用

  3. 3

    将AngularJS与npm一起使用

  4. 4

    将makeObjectsPerformSelector与对象一起使用

  5. 5

    将AngularJS中的jQueryUI插件与ngRepeat循环中的数据绑定对象数组一起使用

  6. 6

    将ng-submit和ng-model与嵌套的javascript对象一起使用

  7. 7

    将D3.js与javascript对象而不是外部JSON文件一起使用

  8. 8

    角度2:如何将JavaScript Date对象与NgModel双向绑定一起使用

  9. 9

    将OpenLayers与RequireJS和AngularJS一起使用

  10. 10

    强制特定页面将HTTPS与angularjs一起使用

  11. 11

    将Wijmo事件日历与angularjs一起使用

  12. 12

    AngularJS:将$ routeProvider与多个模块一起使用?

  13. 13

    将库(Plyr)与指令和AngularJS一起使用

  14. 14

    将angularjs $ timeout与$ scope的“ this”一起使用

  15. 15

    我如何将ajax与angularJS一起使用?

  16. 16

    将库(Plyr)与指令和AngularJS一起使用

  17. 17

    我如何将 AngularJs 与 JsBarcode 一起使用?

  18. 18

    将Q对象与变量一起使用

  19. 19

    将Automapper与抽象对象的集合一起使用

  20. 20

    如何将requestAnimationFrame与TypeScript对象一起使用?

  21. 21

    如何将IN与块而不是对象一起使用?

  22. 22

    将cat()与调用对象一起使用

  23. 23

    将%w与对象的字符串一起使用

  24. 24

    如何将QVector与多个对象一起使用

  25. 25

    如何将componentsSeparatedByString与多个对象一起使用

  26. 26

    将Celery Chunk与对象或整数序列一起使用

  27. 27

    将NSCoding与领域模型对象一起使用

  28. 28

    将diff与漂亮的汤对象一起使用

  29. 29

    将init和didSet与NSManaged对象一起使用

热门标签

归档