繁体   English   中英

Angular JS不适用于Chrome扩展

Angular js not working on chrome extension

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我需要Angular Js框架进行chrome扩展。

我已经通过后台页面完成了注入的AJS script

但是,当我在内容脚本中使用角度指令时,它就无法正常工作。

我也尝试使用Bootstrap命令手动初始化Angular js,但这也没有用。

任何帮助,将不胜感激。

实际上,我正在尝试将使用纯JS开发的现有扩展转换为Ajs框架。 我从背景页面的chrome选项卡中插入了AJs脚本,如下所示。

chrome.extension.onMessage.addListener(
function(request, sender, sendResponse) {    
    if (request.Arg == 'INIT') {
        $.when(
        $.ajax({
        url: server + '/Cscript.js',// Content Script
                dataType: 'text'
        }),         
        $.ajax({
            url: server +'/util.js',// Jquery and other 3drparty
            dataType: 'text'
        }),
        $.ajax({
            url: server +'/angular.js',
            dataType: 'text'
        })
).then(function(Cscript,Ujs,ang) {
                chrome.tabs.executeScript(sender.tab.id, {code: Ujs[0]+ang[0]+Cscript[0], allFrames:true});
                sendResponse(config);
            });
    }

在内容脚本中,我创建了一个侧边栏div,该边栏div的顶部根目录具有属性

$("#SidePan").attr('ng-app','TApp');
$("#SidePan").attr("ng-csp", "true");

我为TApp创建了两个控制器Ctrl1和Ctrl2。
我在#SidePan中添加了一个Div,如下所示

$("#SidePan").html('<div ng-controller="Ctrl1">{{2+3}}</div>)

这按预期工作,但是当我在buttonclick上更改#SidePan html时,如下所示

$("#SidePan").html('<div ng-controller="Ctrl2">{{4+5}}</div>)

我不会用Ajs做任何错误

1 个回复

$("#SidePan").html('<div ng-controller="Ctrl2">{{4+5}}</div>)不起作用。 AngularJS不会监视DOM,因此它会知道您是从外部操纵它的。 停止混淆jQuery和AngularJS。 您需要使用$scopeng-click以及可能的一些自定义指令来实现此目的。

2 .JS无法在Chrome扩展程序上使用

我正在开发我的第一个Chrome扩展程序,以帮助我完成工作。 好吧,我有一个HTML文件作为扩展名弹出窗口,以及一个.JS文件来完成所有工作。 当我在浏览器中运行HTML时,它工作正常(必须自动完成键入的关键字),但是当我将其作为Chrome扩展程序运行时,它根本无法工作。 任何想法? ...

4 在 chrome 扩展中使用页面的 angular JS

我有一个 HTML 页面,其中有一些使用 Angular 配置的 DOM。 现在我正在构建一个 chrome 扩展来修改文本框中的值。 element.value= newValue将不起作用,因为文本框是用 Angular 设计的。 阅读一些资源后,我开始知道我需要对元素的范围进行更改。 我尝试 ...

5 Chrome应用程序angular js无法正常工作

我正在构建一个chrome应用程序,并在某些部分使用了angularjs。 该脚本可以在网络浏览器上正常工作,但是当我在应用程序中使用该脚本时却无法。 甚至没有调用控制器功能。 在我的html文件中,我包含了以下代码 &lt;div name="teaminfo" ng-controll ...

9 JS代码到Chrome扩展程序不起作用

我编写了一个JS代码,该代码选择所有&lt;td&gt;元素并刷新页面,直到元素变为数字为止。 不幸的是,刷新页面后代码结束了,所以我想构建一个chrome扩展程序,但这很棘手! 这是行不通的! 你能帮我解决这个问题吗? 当我按下激活该功能的按钮时,什么也没发生。(控制台检查) ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM