上一篇: 用jQuery选择前两个单词并用标签... 下一篇:修改jquery标记的行为 – 基于自...

jquery – $compile(html)(范围)忽略我手动创建的范围

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – $compile(html)(范围)忽略我手动创建的范围，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

这是我的代码：

<div id="container" ng-controller="MyCtrl">    {{model.namE}}   </div>

JavaScript的：

var app=angular.module('myApp',[]);

var $injector =angular.injector(['ng']); 
$injector.invoke(function($compile,$rootScopE) {
    var html = '<div ng-controller="MyCtrl1">{{model.namE}}</div>'

    var scope = $rootScope.$new();

    scope.model = {name:'MyCtrl1'};
    //alert(scope.model.Name);
    var e3 = $compile(html)(scopE);

    $('#container').append(e3[0]);
});

function MyCtrl($scopE) {
    $scope.model={};
    $scope.model.name = 'MyCtrl';

};
function MyCtrl1($scopE) {   
    //alert('MyCtrl1');
};

Here is a fiddle showing the behavior

如你所见,它呈现两个’MyCtrl’字符串.即angular忽略我手动创建的范围对象.

问题是：如何使$compile使用我创建的范围？

更新：丑陋的解决方法：

在调用$compile之后再次应用模型：

angular.element(e3[0]).scope().$apply(function(scopE) {
    scope.model = {name:'MyCtrl1'};
});

解决方法

ng-app创建一个注入器,然后你创建另一个注入器.这可能不是你想要的.我将大部分代码移动到一个 run()方法中,该方法有$compile服务和$rootScope注入：

app.run(function($compile,$rootScopE) {
    var html = '<div ng-controller="MyCtrl1">{{model.namE}}</div>'

    var scope = $rootScope.$new();

    scope.model = {name:'MyCtrl1'};
    //alert(scope.model.Name);
    var e3 = $compile(html)(scopE);
    scope.$apply();

    $('#container').append(e3[0]);
});