javascript - 获取 Angular 范围并通过 Chrome 应用更改

Question

这个问题已经有答案了:

Using page's angular JS in chrome extension (3 个回答)

已关闭 7 年前。

我想获取 $scope 值，以便我可以通过 chrome 扩展更改其中的数据值。我使用以下代码来获取 $scope

var $scope = angular.element(document.getElementById('name')).scope()

当我在控制台上尝试时它工作正常。但是当我将代码放入扩展中时它给了我这个错误。 未定义 Angular 所以我还在我的 chrome js 文件中添加了 angular.js 文件。但我仍然无法获取 $scope 并且无法更改数据。这是我正在使用的代码`

$scope = angular.element(document.getElementById('name')).scope();

    console.log($scope);
    $scope.$apply(function () {
        $scope.data.contact_type = 20;
        $scope.data.contact_name = $('#Contactname').val();
        $scope.data.contact_company = $('#contactCompany').val();
        $scope.data.contact_email = $('#contactEmail').val();
        $scope.data.contact_phone = $('#contactPhone').val().replace('/', '-');
        $scope.data.hide_contact_email = 1;

    });`

请任何人帮助我获取 $scope 并在扩展中更改它。

Answer 1

您需要将 Angular 添加到您的manifest.json

这是一个例子

{
    "manifest_version": 2,
    "name": "your extension",
    "version": "0.1",
    "content_scripts": [
        {
            "matches": [
                "<all_urls>"
            ],
            "js": ["angular.min.js","content.js"]
        }
    ]    
}