1

ユーザーが入力フィールドに入力を開始したときにのみ、入力フィールドの下に提案されたタグのリストが表示されるようにします。現在、私はこれを持っています

ヒスイ

   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ですか?

4

1 に答える 1

2

私が理解しているように、誰かがテキストフィールドに入力を開始した場合にのみタグを表示したいと考えています。

を使用し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;
};
于 2013-09-01T09:01:46.530 に答える