Question

我正在尝试制作Chrome应用（不是扩展程序，而是桌面应用）。我有如下的window.html文件：

<!DOCTYPE html>
<html ng-app="app">
<head>
    <title>This is a test</title>
    <script src="js/angular/angular.min.js"></script>
    <script src="js/modules/login.js"></script>
</head>
<body>
<section ng-controller="LoginController as login">
    <div>{{3 + 4}}</div>
</section>
</body>
</html>

和我的login.js文件是：

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

但是，当我运行该应用时，它会显示{{3 + 4}}，而不是7。

我的清单文件是：

{
  "name": "APP",
  "description": "My App",
  "version": "0.1",
  "manifest_version": 2,
  "app": {
    "background": {
      "scripts": ["background.js", "js/angular/angular.min.js"]
    }
  },
  "icons": { "16": "app.jpg", "128": "app-128.jpg" }
}

我做错了什么？

Answer 1

您拥有ng-app="app"，但您的应用被称为＆＃34; LoginController＆＃34;。这样做如下：

var app = angular.module('app', []); // first parameter is the name that can be used in ng-app=

// create the controller with its name
app.controller("LoginController", function(){});

Answer 2

将此更改为

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

此

var app = angular.module('app', []);
app.controller("LoginController",function(){
});

如何在Chrome中制作小角度应用？

2 个答案: