1

コントローラーから動的にカスタム ディレクティブを追加しようとしています。ディレクティブを追加するために、次のことを行いました。

app.controller("someCtrl",["$scope","$compile",function($scope,$compile) {
      $scope.create = function() {
            angular.element(#idx).append($compile("<custom-directive></custom-directive>)($scope));
      }
}]);

カスタム ディレクティブのテンプレートは次のとおりです。

<div>
   <input type = "text" ng-model="search"/>
       <div ng-repeat = items in itemContainer | filter:search>
            <!--doing something-->
       </div>
</div>

上記は、デモンストレーションのみを目的とした単純化されたサンプルです。

したがって、DOMにディレクティブを正常に追加し、ng-repeat内のすべての機能を実行していますが、テキストボックスに何も入力できないため、ユーザー入力で結果をフィルタリングできません.

この問題を解決するのを手伝ってください。私はまだAngularJSの概念を学んでいるので、単純な間違いかもしれません.

編集私も追加しようとしました

<input type = "text" ng-model ="search"/>

テンプレート内で入力ボックスに入力することはできますが、ng-repeat で「検索」の結果をフィルタリングしていません。

4

0 に答える 0