我有我的JavaScript(角定制指令)如下:NG-重复拒不执行
var addedSubject = function($rootScope){
return{
restrict:'E',
templateUrl:'/static/html/marks_app/directives/added_subject_item.html',
replace:true,
scope:{
},
controller:["$scope", function($scope){
$scope.mySubjects = $rootScope.allSubjects;
console.log($scope.mySubjects);
}]
};
};
marksApp.directive('addedSubjectDirective', ["$rootScope",addedSubject]);
我的HTML如下:
<div class="modal-body">
<div class="form_body sub_results">
<div id="search_module_head" class="form_panels">
<div id="search_univ" >
<select id="form_sub_sel" autofocus form="form_sub_eval">
<option disabled selected>Select University</option>
<option value="ufs">University of the Free State</option>
</select>
</div>
<div id="search_code" class="form_panels">
<input type"text" id="search_code_input" ng-model="subFilter" placeholder="Enter Subject Code"></input>
</div>
</div>
<div class="search_results">
<div class="search_results_head">
<p>Search Results</p>
</div>
<div id="search_results_content">
<ul>
<search-result-list-item
ng-repeat="varsitySub in allUnivSubjects | searchFor:subFilter"
varsity-subject="varsitySub">
</search-result-list-item>
</ul>
</div>
</div>
</div>
<div id="added_sub_list">
<div class="added_sub_list_head">
<p>
Added Subjects
</p>
</div>
<div class="added_sub_list_body">
<ul>
<added-subject-directive ng-repeat="addedSub in mySubjects">
</added-subject-directive>
</ul>
</div>
</div>
</div>
的问题是,当我运行的代码ng-repeat指令的HTML(added-subject-directive),代码拒绝工作。它没有在屏幕上显示任何东西,也没有记录任何我尝试从指令的Javascript日志中记录的东西。但是,当我删除ng-repeat时,代码将按预期执行(不包含ALL所需的输出,但由于不存在ng-repeat)。我已经把我所有的头发都拿出来了,所以任何人都可以请我帮助我试着理解在这种情况下我可能会做错什么?
非常感谢您的回复。我现在在我的代码中获得了一些动作。 console.log($ scope.mySubjects);自定义指令内部现在正在执行并在控制台中显示输出,这是它没有做的事情。但是,屏幕上仍然没有输出。任何其他的指针,你可以给? – Tatenda
没有小提琴演示这个问题,很难再走下去。另一种解决方案可能是将ngRepeat放入由指令引用的模板中,而不是指令中的属性。 – TheSharpieOne
我感谢您的帮助。将ngRepeat放入模板的解决方案完成了这项工作。不知道它是否有修复,但它解决了。再一次感谢你。 – Tatenda