javascript - AngularJs 绑定(bind)值不显示

标签 javascript angularjs jointjs

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

在鼠标悬停事件上调用 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;
    }
);

Controller

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 }} 也不会被设置。我在这里缺少什么?

最佳答案

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

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

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

JS

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

关于javascript - AngularJs 绑定(bind)值不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36491157/

相关文章:

javascript - 淡出所有同名的 id

javascript - 如何在 Angular2 中仅加载第 3 方 css 所需的页面

javascript - 基于内容将 SVG viewbox X 和 Y 居中

css - 未使用 Angular ng-grid maxWidth

angularjs - 如何使用 Angular Material Design 创建黑白主题?

javascript - jointjs 的缩放问题

transition - JointJS:在 x 和 y 上进行转换的最佳方法?

javascript - 菜单不会消失

javascript - AngularJs:无法切换两个元素的可见性

javascript - 单击其自定义 html 单击时删除联合 js 节点的问题