javascript - angularjs如何获取某dom元素的值并传递到$scope上去

问题描述

问 题

想做的效果是这样：

点击这个div获取到里面span 845这个值，
然后将这个数据绑定到下图中。该怎么做？刚转到angular学习，似乎用angular.element这种方法不是很好，有种jQuery的套路，该怎么做才能体现angular的思想？
用Directive？

解决方案

app.controller('mainCtrl', function($scope) {
        $scope.li = [1, 2, 3, 4]; //套餐列表
        $scope.selectLi = function(item) {
            $scope.value = item //价格
        }
    })

HTML:部分
<div ng-controller="mainCtrl">
    <ul>
        <li ng-repeat='item in li' ng-click='selectLi(item)'>{{item}}</li>
    </ul>
    <span>{{value}}</span>
</div>

这篇关于javascript - angularjs如何获取某dom元素的值并传递到$scope上去的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！