搜索输入与$state.go

Question

我用AngularJS和Elasticsearch构建了一个小型电影搜索应用程序。

我使用AngularJS用户界面引导提前输入来自动完成。

我的应用程序很简单，惠普，结果页面，联系表格。

我想做的是在搜索输入中使用ngKeydown/ngKeypress和$state.go。

我要找的是，当用户开始在搜索输入的hp上输入他们的查询时，页面会转到第一个按键上的结果页面，然后开始出现建议。

就像这样：

<form>
  <input type="text ng-keypress="$state.go('results')">
</form>

Answer 1

您的控制器的依赖关系在html中无法神奇地获得。您需要在控制器上创建函数，并从html中调用该函数。

主计长：

function myController($scope, $state) {
    $scope.navigate = function (destination) {
        $state.go(destination);
    }
}

html：

<form>
    <input type="text ng-keypress="navigate('results')">
</form>

Answer 2

您需要在控制器中注入$state服务。在html中只能使用$scope或$rootScope对象。所以你需要在按键或按键上调用一些函数，然后从控制器中改变状态。