AngularJs绑定值不显示答案

【问题标题】：AngularJs binding value does not showAngularJs绑定值不显示
【发布时间】：2016-04-08 03:45:20
【问题描述】：

我正在尝试通过 {{}} 更新元素值。这是我的 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>

在鼠标悬停事件时调用控制器。

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);
   }
});

即使在 mousever 事件之后，{{toolTip }} 也不会被设置。我在这里缺少什么？

【问题讨论】：

你的第一行html有错别字吗？
是的，这很奇怪<section id="eee" ng-controller="DiagCtrl" <input type="hidden"
感谢您的提及。我会修复它。

标签： javascript angularjs jointjs

【解决方案1】：

ng-model 指令不适用于<div> 标记。它适用于<input> 和<select> 标签。

要在鼠标悬停时设置某些内容，请使用 ng-mouseover 指令。

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

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

【讨论】：