AngularJS没有使用自制镀铬扩展

时间:2016-09-21 00:04:43

标签: angularjs google-chrome-extension

我一直在开发Chrome扩展程序并使用AngularJS。我使用angular来创建一个列表,每次用户输入新信息并单击链接时都会更新。

<!doctype html>
<html ng-app="Ladybug">
<head>
<script type="text/javascript">
var application = angular.module('Ladybug', []);
  function URLController($scope){
    $scope.newSite=""
    $scope.sites=['www.facebook.com'];
    $scope.addSite=function(){
         $scope.sites.push($scope.newSite);
    }
}
</script>
</head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"</script>
<div ng-controller="URLController">
  Enter A URL : <input type="text" ng-model="newSite">
  <button ng-click="addSite()">Add</button>
  <hr/>
List of Blacklisted Sites :
<ul><li ng-repeat="site in sites">{{site}}</li></ul>
</div>
</body>
</html>

当我在http://www.w3schools.com/angular/tryit.asp?filename=try_ng_default上在线运行代码时,代码工作正常,但是当我将代码上传到chrome扩展程序开发人员并运行扩展程序时,它不会显示列表或更新。扩展加载很好,按钮工作它只是不更新​​。有谁知道为什么它在网上工作但没有上传?任何帮助将不胜感激

0 个答案:

没有答案