我一直在开发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扩展程序开发人员并运行扩展程序时,它不会显示列表或更新。扩展加载很好,按钮工作它只是不更新。有谁知道为什么它在网上工作但没有上传?任何帮助将不胜感激