如何使用angularjs在html元素中获取文本?

查拉斯

如标题所述,如何使用angularjs在div内获取文本?IE:

<div class='container' ng-app=''>
    <input type='text' ng-model='qty'>
    <div class='price'></div>
    <div class='total'>{{qty * price}}</div>
</div>

输入是可编辑的,并且可以用任何数字填充,而价格是固定的,不可编辑,但是对于每个项目来说都是不同的,现在我如何使用AngularJS获取价格的内容并将其乘以输入的数量并显示总计div中的总计?

米海·亚历山德鲁·伊努特(Mihai Alexandru-Ionut)

您需要initialize在控制器中设置值。

function MyCtrl($scope) {
   $scope.price= $('.price').text();
   $scope.qty=0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="MyCtrl">
    <input type="text" ng-model='qty'>
    <div class="price">3.4</div>
    <div class='total'>Total: {{ qty * price }}</div>
  </div>
</div>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用puppeteer获取HTML元素文本

来自分类Dev

如何使用lxml.html从HTML元素获取文本

来自分类Dev

如何从使用自定义属性的HTML元素中获取文本?

来自分类Dev

如何从使用自定义属性的HTML元素中获取文本?

来自分类Dev

如何使用Selenium或Protractor获取HTML中嵌套元素的文本以实现自动化?

来自分类Dev

如何在HTML <p>(段落)元素中获取文本

来自分类Dev

如何通过遍历从html元素中获取某些文本?

来自分类Dev

如何使用Geb框架获取/ html / head / title元素的文本?

来自分类Dev

如何使用Geb框架获取/ html / head / title元素的文本?

来自分类Dev

我如何使用jQuery获取标签元素的内部HTML文本

来自分类Dev

如何使用JQuery从相对元素获取html文本?

来自分类Dev

如何使用JS在元素下的html元素中更改文本

来自分类Dev

如何在 Angularjs 的 $mdDialog 中获取 HTML 元素

来自分类Dev

如何使用jQuery获取元素ID中包含的文本

来自分类Dev

如何使用AngularJS从DOM中获取点击的元素?

来自分类Dev

在Python中使用BeautifulSoup从HTML文本中的嵌套元素中获取文本

来自分类Dev

使用xpath获取html元素的文本内容

来自分类Dev

如何更改HTML中的元素文本(使用<script >>

来自分类Dev

如何使用 html 中的已知文本考虑前面的元素?

来自分类Dev

如何通过#ID 100%AngularJS在元素SELECT中获取文本和值

来自分类Dev

使用jQuery,如何从远程HTML文件中获取特定文本?

来自分类Dev

如何使用lxml从此HTML代码段中获取文本?

来自分类Dev

如何使用Java代码从HTML中获取文本?

来自分类Dev

如何使用Selenium Python从html表中获取文本对象

来自分类Dev

如何使用硒在python中获取html文本?

来自分类Dev

如何在 angularjs 中获取子元素

来自分类Dev

如何使用AngularJS获取元素的宽度?

来自分类Dev

如何使用AngularJS获取元素的属性

来自分类Dev

如何使用AngularJS获取元素的宽度?

Related 相关文章

  1. 1

    如何使用puppeteer获取HTML元素文本

  2. 2

    如何使用lxml.html从HTML元素获取文本

  3. 3

    如何从使用自定义属性的HTML元素中获取文本?

  4. 4

    如何从使用自定义属性的HTML元素中获取文本?

  5. 5

    如何使用Selenium或Protractor获取HTML中嵌套元素的文本以实现自动化?

  6. 6

    如何在HTML <p>(段落)元素中获取文本

  7. 7

    如何通过遍历从html元素中获取某些文本?

  8. 8

    如何使用Geb框架获取/ html / head / title元素的文本?

  9. 9

    如何使用Geb框架获取/ html / head / title元素的文本?

  10. 10

    我如何使用jQuery获取标签元素的内部HTML文本

  11. 11

    如何使用JQuery从相对元素获取html文本?

  12. 12

    如何使用JS在元素下的html元素中更改文本

  13. 13

    如何在 Angularjs 的 $mdDialog 中获取 HTML 元素

  14. 14

    如何使用jQuery获取元素ID中包含的文本

  15. 15

    如何使用AngularJS从DOM中获取点击的元素?

  16. 16

    在Python中使用BeautifulSoup从HTML文本中的嵌套元素中获取文本

  17. 17

    使用xpath获取html元素的文本内容

  18. 18

    如何更改HTML中的元素文本(使用<script >>

  19. 19

    如何使用 html 中的已知文本考虑前面的元素?

  20. 20

    如何通过#ID 100%AngularJS在元素SELECT中获取文本和值

  21. 21

    使用jQuery,如何从远程HTML文件中获取特定文本?

  22. 22

    如何使用lxml从此HTML代码段中获取文本?

  23. 23

    如何使用Java代码从HTML中获取文本?

  24. 24

    如何使用Selenium Python从html表中获取文本对象

  25. 25

    如何使用硒在python中获取html文本?

  26. 26

    如何在 angularjs 中获取子元素

  27. 27

    如何使用AngularJS获取元素的宽度?

  28. 28

    如何使用AngularJS获取元素的属性

  29. 29

    如何使用AngularJS获取元素的宽度?

热门标签

归档