javascript - AngularJS：仅当输入字段中有值时才显示列表

Question

我希望仅当用户开始在输入字段中输入时才在输入字段下方显示建议标签列表。目前我有这个

玉

   div.form-group
      input#tags.form-control(name="tags", ng-model="query")
    div.form-group
      ul.suggested-tags
        li(ng-repeat="tag in tags | filter:query") {{tag.name}}

而这个 JS

  controller('TagsCtrl', function ($scope) {   
    $scope.tags = [
      {
        "name": "Foo",
        "id": "foo"
      },
      {
        "name": "Bar",
        "id": "bar"  
      }
    ]    
  })

[]将标签设置为if queryis的正确方法是null什么？

Answer 1

据我了解，您只想在有人开始输入文本字段时才显示标签。

使用ng-show.

在您设置typeInProcess为的类型上true

div.form-group
  input#tags.form-control(name="tags", ng-model="query")
div.form-group
  ul.suggested-tags (ng-show="typeInProcess" )
    li(ng-repeat="tag in tags | filter:query") {{tag.name}}

为您的文本字段添加：ng-change="typeInProcess()"`。

在控制器中，设置：

 $scope.typeInProcess = false;

$scope.typeInProcess= function() {      
  $scope.typeInProcess = true;
};