2013-08-01 38 views
5

如何在字符串中爲angularjs語法實現自動完成。例如:在Webstorm/PHPStorm中獲取angularJS autcomplete

myscript.js

var List = function ($scope) { 
    $scope.names = [ 
     "Ahmed", 
     "Tom", 
     "David", 
     "Jessie" 
    ]; 
}; 

HTML

<div> 
    <label for="get_name"> 
     Find your name: 
     <input type="search" name="search" id="search" ng-model="search"/> 
    </label> 
</div> 

<div ng-controller="List"> 
    <ul> 
     <li ng-repeat="name in names | filter:search">{{ name }}</li> 
    </ul> 
</div> 

<script type="text/javascript" src="angular_1.0.7.js"></script> 
<script type="text/javascript" src="myscript.js"></script> 

這基本上是搜索到名稱的方式。我如何自動完成<li ng-repeat="name in names | filter:search">{{ name }}</li>內部的ng-repeat

我正在使用PHPStorm 6.0.3。

回答

2

如果您尚未設置角度,請轉至首選項>項目設置> Javascript>庫並添加您的角度版本。

至於html字符串中的自動完成,我認爲這不會發生在當前版本的PHPStorm中,但在大多數其他地方,它應該做到這一點。

+0

我建議嘗試PHPStorm 8 EAP - AngularJS支持已經在那裏得到改進(請參閱http://blog.jetbrains.com/phpstorm/2014/03/phpstorm-8-early-access-program-started/) – lena

+0

我已經安裝了Angular庫和AngularJS插件,但是我無法使自動完成工作。任何其他想法爲什麼? – charlesrockbass

3

我終於得到它通過以下this tutorial from JetBrains'博客的工作。

簡短的回答:

你有兩個選擇,使AngularJS自動完成:

  1. 下載角源代碼,並把文件到您的項目中的文件夾。 (由於我直接從CDN使用它,所以它並不適用於我)。

  2. 如果使用CDN,則必須轉到項目設置| JavaScript |庫|下載,然後從左上角的選擇框中選擇TypeScript社區存根,在列表中找到angularjsangular-ui,然後下載並安裝

重新啓動IDE。要開心。

3

在我的情況下安裝角庫不起作用。這是角度插件,做了伎倆。根據此video,安裝角插件並重新啓動您的IDE。 對於最新版本,你去

文件 - >設置 - >插件 - >安裝JetBrains公司插件 - >搜索插件,選擇和安裝

最後,重新啓動您的IDE。你可以通過創建一個div並鍵入ng來測試它,你會看到所有的建議。

希望這會有所幫助。