Значение привязки AngularJs не отображается

Question

Я пытаюсь обновить значение элемента через {{}}. Вот мой HTML.

<section id="eee" ng-controller="DiagCtrl" <input type="hidden" id="lst" name = "lst" value="{{process_list(lst)}}">> 
    <h2><a href="#eee">EEE</a></h2> 
    <div id="paper" ></div> 
    <div id="tt" ng-model="toolTip" ><span >{{toolTip}}</span > </div> 
    </section> 

on mouseover event call the controller.

paper.on('cell:mouseover', 
    function(cellView, evt) { 
     var t = cellView.model.attributes.attrs.text.text; 
     angular.element(document.getElementById("eee")).scope().setTooltip(t); 
     cellView.model.attributes.attrs.title = t; 
    } 
); 

Контроллер

app.controller("DiagCtrl", function ($scope, getApiDataService) { 
    $scope.lst = []; 
    $scope.toolTip = []; 
    $scope.setTooltip = function (table) { 
     $scope.toolTip = table; 
    } 
    $scope.process_list = function (list) { 
     add_cell(list); 
    } 
}); 

на {{ToolTip}} не приготовьтесь даже после того, как mousever события. Что мне здесь не хватает?

Answer 1

Директива ng-model не работает с <div> тегами. Он работает с <input> и <select> тегами.

Чтобы установить что-то на мыши, используйте директиву ng-mouseover.

<span ng-mouseover="setToolTip('hello')">{{toolTip}}</span > 

JS

$scope.setTooltip = function (table) { 
    $scope.toolTip = table; 
};