javascript - Angular，jQuery和Chrome扩展

我正在尝试创建一个Chrome扩展程序，以修改特定网站的内容。由于我无权访问网站的src代码，因此必须通过javascript进行更改

我希望新内容是动态的，并且可以通过角度进行更新（原始网站不使用角度）。

我正在使用ng-app和ng-controller注入标签，并在js中创建一个角度应用程序和控制器。

但是，该页面无法理解html角度指令，无法逐字呈现。

我究竟做错了什么？

从教程代码中：
我将其注入到html中（使用页面扩展时由chrome扩展名注入的js代码）：

<div ng-app="phonecatApp" ng-controller="PhoneListCtrl">

  <ul>
    <li ng-repeat="phone in phones">
      <span>{{phone.name}}</span>
      <p>{{phone.snippet}}</p>
    </li>
  </ul>

</div>

并将其发送给js（通过扩展注入，在页面加载时）：

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

phonecatApp.controller('PhoneListCtrl', function ($scope) {
  $scope.phones = [
    {'name': 'Nexus S',
     'snippet': 'Fast just got faster with Nexus S.'},
    {'name': 'Motorola XOOM™ with Wi-Fi',
     'snippet': 'The Next, Next Generation tablet.'},
    {'name': 'MOTOROLA XOOM™',
     'snippet': 'The Next, Next Generation tablet.'}
  ];
});

在页面加载后运行

最佳答案

这可能是一个愚蠢的问题，但是您是否还在注入角度代码之前在页面中注入了angular.js库？