如何访问自定义预输入模板中的控制器值

Question

我在控制器中有范围值。我需要在自定义类型提前模板中显示范围值。

但是自定义模板不会访问它总是显示为空的控制器值。

在我的场景中，我需要在自定义模板中显示“scope.names”。但它显示为空。

如何在自定义模板中显示控制器值。

HTML：

<div class='container-fluid typeahead-demo' ng-controller="TypeaheadCtrl">
    <h4>Custom popup templates for typeahead's dropdown</h4>
    <pre>Model: {{customPopupSelected | json}}</pre>
    <input type="text" ng-model="customPopupSelected" placeholder="Custom popup template" uib-typeahead="state as state.name for state in statesWithFlags | filter:{name:$viewValue}" typeahead-popup-template-url="customPopupTemplate.html" class="form-control">
</div>

演示：

https://plnkr.co/edit/HEf0lipdBP5ZyuciQsDo?p=preview

Answer 1

实际上，$scope.names 的 JSON 结构与 uib-typeahead 模板的要求不匹配。我更改了names 数组以匹配结构模板要求，如下所示.. 它可以工作。如果你想换一种方式，你可以保持数组不变，也可以对模板进行更改！

$scope.names=[{
  name: "Alabama"
}, {
  name: "Alaska"
}, {
  name: "Arizona"
}];

working plnkr