在AngularJS BootstrapUI Typeahead中，$ viewValue是什麼？

Question

我試圖實現使用http://angular-ui.github.io/bootstrap/

看起來這應該很容易在角一個預輸入，但我發現了以下錯誤：

Global symbol $viewValue requires explicit package name.

什麼是$viewValue？它似乎沒有被定義。

感謝

Answer 1

這裏是一個工作預輸入例如：

<div class="container"> 
    <div ng-controller="mainCtrl" class="row-fluid"> 
     <form class="row-fluid"> 
      <div class="container-fluid"> 
       <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue" /> 
      </div> 
     </form> 
    </div> 
</div> 

<script> 
angular.module('myApp', ['ui.bootstrap']) 
.controller("mainCtrl", function ($scope) { 
    $scope.selected = ''; 
    $scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming']; 
}); 
</script> 

http://jsfiddle.net/alfrescian/ZjPWe/

$viewValue在視圖中的當前值 - 你的字符串輸入。在ngModel中指定了$viewValue。