Question

我正在尝试使用angular strap的bootstrap工具提示的简单代码。我发现当使用bs-tooltip时，AngularJs数据绑定无效。

绑定不工作

<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，您将在课堂上看到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限制双向数据绑定

1 个答案: