我创建ASP MVC应用程序, 里面我创建了一个按钮使用jQuery AJAX调用, 的HTML数据中有一个角度表述,但这些加载HTML数据我的问题我们如何执行使用AJAX加载的Angular表达式我知道我们需要在Angular之外使用$ compile,所以我需要在Angular之外进行$ compile编译,怎么样 ? 谢谢加载Angularjs并执行它们
0
A
回答
0
我能弄明白,找到答案后,研究和更多的实验: 这里是加载动态HTML后的溶液 (假设使用Ajax) 我需要使用$编译和调用$应用之外的角度看下面的演示更多的澄清:
var _app = angular.module("myapp",[]);
var _ctrl = _app.controller("myctrl", ['$scope','$window', function ($scope, $window) {
$scope.selectedFood = 1;
}])
function add()
{
angular.injector(['ng']).invoke(['$compile', function ($compile) {
var sel = 'div[ng-controller="myctrl"]';
var _html = "<label>{{testing}}</label><select ng-model='selectedFood' ><option value='0'>Banana</option><option value='1'>Apple</option><option value='2'>Orange</option><option value='3'>Tomato</option></select>";
//angular.element(document.getElementById('test1')).scope().loaditems()
var scope = angular.element(document.getElementById("test1")).scope();
$('#dvLoad').html($compile(_html)(scope));
setTimeout(function(){ scope.$apply(); });
}]);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<div id="test" ng-app="myapp">
<div id="test1" ng-controller="myctrl">
<div id="dvLoad">
Press the button to load Food List
<input type="button" onclick="add();" value="Load" />
</div>
</div>
</div>
0
好吧,要使用$编译你需要一个控制器beacuase $ compile需要$ scope对象。
例如:
angular.module('app',[])
.controller('MainController', ['$scope', '$compile', function($scope, $compile){
...do stuff...
}])
相关问题
- 1. 加载javascript并执行它
- 2. 将程序加载到RAM并执行它们NASM 16b
- 3. 加载常驻程序并执行它们
- 4. 加载大图并将它们分离
- 5. 测量执行时间并最终添加它们
- 6. 函数的并行执行并等待它们的完成
- 7. 从其他.dll加载服务并将它们隔离运行
- 8. 如何加载脚本文件并执行它?
- 9. 如何加载程序集到内存中,并执行它
- 10. 执行一个应用程序,并等待它加载
- 11. 将javascript添加到iframe并执行它
- 12. AngularJS分组值并将它们加在一起ng-repeat
- 13. 对JQuery选择进行分组并对它们执行操作?
- 14. 加载并执行脚本的顺序
- 15. 如何运行API调用并在c#中并行执行它们的响应?
- 16. 等待脚本下载并执行,并等待DOM加载
- 17. Lighttpd的下载执行它
- 18. 启动并行加载图像,并使用它时,满载
- 19. 加载JavaScript或CSS而不执行它们的方法是什么?
- 20. 可以modernizr异步加载脚本,但按顺序执行它们吗?
- 21. 是否可以在页面加载后添加JavaScript并执行它
- 22. 在页面加载后加载并执行脚本?
- 23. 在jQueryMobile上加载并执行audio.js页面加载AJAX页面
- 24. Apache下载php文件而不是执行它们
- 25. nginx的与http_perl_module不执行Perl脚本只是下载它们
- 26. Python - 如何远程执行并行进程并检索它们的输出
- 27. 执行JavaScript加载
- 28. 在Pandas中转换列并对它们执行功能
- 29. 如何将keycode存储到数组中并执行它们?
- 30. 如何拆分sql查询并使用java执行它们?
,这就是我从控制器本身调用的时候,但是我的情况是在Angular之外的控制器之外使用$编译。 – Nahed