AngularJS - 访问指令范围

时间:2013-06-06 23:44:48

标签: jquery angularjs angularjs-directive angularjs-scope angular-ui

因此,当表单中的元素无效时,我希望使用ui.bootstrap.tooltip

我正在使用指令来执行此操作 - 它有点难看,但它有效。除了一件事 - 由于在指令中创建了另一个范围,控制器没有看到更新的模型值。

我可以通过表单获取模型值并使用$viewValue,但这对我来说似乎有些“不洁净”。

另外,有没有更好的方法来获取“工具提示元素”,我正在使用elem.parent().children()[2];?我想我可以在指令中为所有这些创建一个<template>

JSFiddle位于:http://jsfiddle.net/n8vNw/2/

1 个答案:

答案 0 :(得分:1)

您已创建了解析器函数,但从未从中返回值。解析器函数用于在输入值在模型中结束之前解析输入值。由于永远不会返回值,因此$scope.email将始终未定义。

其次,你的指令没有理由创建一个孤立的范围,因为你不会使用它,除非你没有向我们展示所有的代码 - 在这种情况下我们改为使用$parse服务。 / p>

关于如何访问tooltip元素,也许让你的formTooltipError指令使用$compile服务创建和添加元素。 (我没有使用Angular Bootstrap,所以可能会有一个更简单/更好的答案。)

Updated fiddle