How does angularjs get the value of a dom element and pass it to $scope

  node.js, question

The desired effect is this:
图片描述

Click this div to get the value of span 845 inside.
Then bind this data to the following figure. What should I do? I have just switched to angular study. it seems that the method of angular.element is not very good. there is a jQuery routine. what should I do to embody the idea of angular?
Directive?

图片描述

app.controller('mainCtrl', function($scope) {
 $scope.li = [1, 2, 3, 4];  //Package List
 $scope.selectLi = function(item) {
 Value = item//price
 bracket
 })
 
 HTML: section
 <div ng-controller="mainCtrl">
 <ul>
 <li ng-repeat='item in li' ng-click='selectLi(item)'>{{item}}</li>
 </ul>
 <span>{{value}}</span>
 </div>