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

Question

想做的效果是这样：

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

Answer 1

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>

Answer 2

感谢 angular的思路确实简洁明了