bs-tooltip 限制双向数据绑定

Question

我正在尝试使用 angular 表带的 bootstrap 工具提示的简单代码。我看到 AngularJs 数据绑定在使用 bs-tooltip 时不起作用。

绑定无效

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

绑定作品

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

Plunker demo

我是不是漏掉了什么？

Answer 1

听起来像 angular-strap 为输入控件创建了一个子作用域，但 {{name1}} 位于其父作用域。如果您检查 HTML，您将在 class 中看到 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 }}

bs-tooltip 限制双向数据绑定

bs-tooltip restricts two way data binding

javascript

angularjs

twitter-bootstrap

angular-strap