Question

Nb。此问题类似于related question which refers to compiling the content within a directive.

然而，这个例子略有不同，在这个目标的例子中，qtip元素与使用cytoscape-qtip插件的cytoscape对象相关，而不是普通的html元素。因此，我需要一种方法来从控制器/服务编译html，或从那里引用指令。

Qtip允许您将HTML作为qtip的文本正文，这使其成为创建onclick对话框菜单等的理想选择。

例如，我可以这样做：

<body  ng-controller = "MyController" ng-app="myApp" ng-class = "bodyStyle">

    <a href ="" id = "foo" > Foo</a><br>
    <a href ="" id = "bar" > Bar</a><br>
    <a href ="" id = "biz"> Biz</a><br>

</body>

<script>

$('a').qtip(
     {
         content: {
             text: '<button onclick = "console.log(\'foo\');">click me</button><br> foofoo',
             title: {
                 text: 'My Qtip',
                 button: true
             }
         }
     });
</script>

如果单击Foo / Bar / Biz链接将显示qtip，然后单击qtip的按钮将输出到控制台。

我想要做的是将此qtip绑定到角度控制器。然后，我可以访问其他服务等，以执行正确的ng-click功能。

最优雅的方法是什么？

如何将qtip的HTML内容绑定到角度控制器？

0 个答案: