【发布时间】:2014-09-25 21:23:15
【问题描述】:
我正在 PhpStorm 中使用 AngularJS。我都是新手。
我的项目中有两个文件,index.html 和 app.js。从index.html,我引用了app.js 中定义的变量store.products,但PhpStorm 告诉我它无法解析该变量。
PhpStorm 对product.name 没有任何问题。
代码在浏览器中没有问题,所以我认为编辑器一定有问题。或者,错误只是浏览器忽略的一个细微错误。
index.html(问题出在 ng-repeat 指令中):
<!DOCTYPE html>
<html ng-app="gemStore">
<head lang="en">
(...)
</head>
<body ng-controller="StoreController as store">
<ul class="list-group">
<li class="list-group-item" ng-repeat="product in store.products">
<h3>
{{product.name}}
</h3>
</li>
</ul>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</body>
</html>
app.js:
(function() {
var app = angular.module('gemStore', []);
app.controller('StoreController', function() {
this.products = gems;
});
var gems = [
...
];
})();
我希望有人能发现错误。即使页面在浏览器中正确呈现,PhpStorm 显示错误也很烦人。
编辑:在app.js 中,当我从index.html 引用store.products 时,this.products 没有标记为"unused definition: products"。所以不知何故 PhpStorm 可以看到该变量正在被使用,但仍然无法从 index.html 的角度看到它。
【问题讨论】:
-
+1 用于 AngularJS 和 PhpStorm。
标签: javascript angularjs phpstorm