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"  
      }
    ]    
  })

如果[]为query，将标记设置为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;
};

AngularJS：仅在输入字段中有值时显示列表

1 个答案: