Angularjs 当在自定义指令的模板内使用输入标记时,它似乎不适用于ng模型
我正在尝试从控制器动态添加自定义指令。为了添加指令,我做了以下工作Angularjs 当在自定义指令的模板内使用输入标记时,它似乎不适用于ng模型,angularjs,html,dom,angularjs-directive,angularjs-compile,Angularjs,Html,Dom,Angularjs Directive,Angularjs Compile,我正在尝试从控制器动态添加自定义指令。为了添加指令,我做了以下工作 app.controller("someCtrl",["$scope","$compile",function($scope,$compile) { $scope.create = function() { angular.element(#idx).append($compile("<custom-directive></custom-directive>)($sco
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中过滤搜索结果