Webstorm/PHPStorm에서 angularJS 자동 완성

Question

문자열에서 angularjs 구문에 대한 자동 완성을 얻으려면 어떻게해야합니까? 예를 들어 :

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> 

이것은 기본적으로 이름을 검색 할 수있는 방법입니다. 안에 ng-repeat 안에 자동 완성을 표시하려면 어떻게해야합니까?

PHPStorm 6.0.3을 사용 중입니다.

Answer 1

각도 설정이 아직 없으면 환경 설정> 프로젝트 설정> Javascript> 라이브러리로 이동하여 각도 버전을 추가하십시오.

html 문자열의 자동 완성에 관해서는 현재 버전의 PHPStorm에서 발생하지 않을 것이라고 생각하지만 대부분의 다른 곳에서는 트릭을해야합니다.

Answer 2

John Lindquist의 멋진 AngularJS 플러그인을 사용할 수 있습니다. http://plugins.jetbrains.com/plugin/6971

Answer 3

나는 마침내 this tutorial from JetBrains '블로그에 따라 작동있어.

짧은 답변 :

당신은 AngularJS와 자동 완성을 가능하게하는 두 가지 옵션이 있습니다

1. 다운로드 각 소스 코드와 프로젝트 내부의 폴더에 파일을 넣어. (그것은 내가 CDN에서 직접 사용하고 있기 때문에 양식이 나지 않았다.)

2. CDN을 사용하는 경우 프로젝트 설정 | 자바 스크립트 | 도서관 | 다운로드, TypeScript 커뮤니티 스텁 왼쪽 상단의 선택 상자에서 angularjs 및 angular-ui을 찾은 다음 을 다운로드하여을 다운로드하여 설치하십시오.

IDE를 다시 시작하십시오. 행복하게.

Answer 4

내 경우에는 각도 라이브러리 설치가 작동하지 않았습니다. 그것은 트릭을 한 앵귤러 플러그인이었습니다. 이 video에 따르면, 앵귤러 플러그인을 설치하고 IDE를 다시 시작하십시오. 최신 버전의 경우

파일로 이동 -> 설정 -> 플러그인 -> JetBrains의 플러그인 설치 -> 플러그인에 대한 검색, 선택하고를 설치합니다.

마지막으로 IDE를 다시 시작하십시오. div를 만들고 ng-를 입력하여 테스트 할 수 있으며 모든 제안 사항을 볼 수 있습니다.

희망이 도움이됩니다.