javascript - bs-tooltip 限制双向数据绑定(bind)

Question

我正在尝试使用 Angular 带的 Bootstrap 工具提示编写简单的代码。我发现使用 bs-tooltip 时 AngularJs 数据绑定(bind)不起作用。

绑定(bind)不起作用

<input type="text" ng-model="name1" data-trigger="focus" data-type="success" data-title="something" bs-tooltip> {{ name1 }}

绑定(bind)作品

<input type="text" ng-model="name"> {{ name }}

<强> Plunker demo

我错过了什么吗？

Answer 1

听起来 Angular-strap 为输入控件创建了一个子范围，但 {{name1}} 位于其父范围。如果您检查 HTML，您将在类中看到 ng-scope，而第二个输入控件则不会。

<input type="text" ng-model="$parent.name1"
   data-trigger="focus" data-type="success" data-title="something" bs-tooltip="" 
   class="ng-valid ng-scope ng-touched ng-dirty ng-valid-parse">

我的简单解决方案是向变量添加 $parent. 前缀。它的工作原理如下:

<input type="text" ng-model="$parent.name1" 
   data-trigger="focus" data-type="success" data-title="something" bs-tooltip> {{ name1 }}