为 angular bootstrap 调试 $viewValue 的输出

Question

有没有办法输出并找出车把模板中的视图值？

我试过像这样附加视图值作为测试指令：

<div data-test="{{$viewValue}}">test</div>
<div data-test="{{viewValue}}">test</div>

但我最终得到了

<div data-test>test:</div>

我在这里使用 $viewValue 在我的 bootstrap typeahead 示例中过滤它，但它不起作用。它根本不过滤，我得到了所有 1000 个结果。

例如

<input type="text" ng-model="customSelected" uib-typeahead="state as state.name for state in statesWithFlags | filter:{$viewValue}" class="form-control">

Answer 1

要访问 $viewValue，您需要引用表单中的输入，例如：

<form name="myForm">
  <input type="text" name="myInput" ng-model="username">
  View Value = {{myForm.myInput.$viewValue}}
</form>

为 angular bootstrap 调试 $viewValue 的输出

Debugging the output of $viewValue for angular bootstrap

angularjs

angular-bootstrap