Javascript Angularjs数据绑定因AngularUI引导类型提前而失败

Javascript Angularjs数据绑定因AngularUI引导类型提前而失败,javascript,angularjs,data-binding,angular-ui-bootstrap,Javascript,Angularjs,Data Binding,Angular Ui Bootstrap,我有一个网站地址url的表单字段,它通过ng模型数据绑定在页面的其他地方提供显示,它只显示url,如。我有另一个表单字段,我正在使用angular ui.bootstrap typeahead指令。typeahead功能本身工作正常,但是当我开始在typeahead字段中键入时激活typeahead时,网站地址显示会变成超链接,其数据绑定失败-这意味着如果我再次尝试键入网站地址url字段,url显示不会更新 只有表单中的typeahead字段会触发问题,并且只有从包含URL的表单馈送的显示才会受

我有一个网站地址url的表单字段,它通过ng模型数据绑定在页面的其他地方提供显示,它只显示url,如。我有另一个表单字段,我正在使用angular ui.bootstrap typeahead指令。typeahead功能本身工作正常,但是当我开始在typeahead字段中键入时激活typeahead时,网站地址显示会变成超链接,其数据绑定失败-这意味着如果我再次尝试键入网站地址url字段,url显示不会更新

只有表单中的typeahead字段会触发问题,并且只有从包含URL的表单馈送的显示才会受到影响。我已尝试将网址url输入字段的输入类型从“type=url”更改为“type=text”,但没有成功

但我认为它不会重现这个问题,因为我已经用较旧的依赖版本设置了它。fiddle是用ui.bootstrap 0.4.0和angular 1.0.7设置的。我这样设置fiddle是因为当我尝试使用依赖版本设置fiddle时,我使用的是angular 1.3.3和ui.bootstrap 0.12.0,它根本无法工作数据绑定和typeahead都彻底失败了。但也许小提琴会有所帮助

相关代码:

HTML:

我搜了这么多,用谷歌搜索出了这个问题,并梳理了UI引导github的问题,但似乎我是世界上唯一遇到这个问题的人,或者说我做错了一件非常简单的事情!。这很可能只是一个版本不兼容的问题,但如果不是,我想知道是否有人知道修复方法,甚至是可以接受的解决方法


当然,任何帮助都将不胜感激。

明白了!我不确定问题的原因,但我找到了解决方案:

而不是双大括号:

<td class="tableContents">{{provider.website}}</td>
使用ng bind:

<td class="tableContents" ng-bind="provider.website"></td>
解决了这个问题。网站地址仍然显示为超链接,但在输入字段中键入时,数据绑定会正常工作

<td class="tableContents">{{provider.website}}</td>
<td class="tableContents" ng-bind="provider.website"></td>