2014-09-04 2 views
0

에 NG 그리드와 나침반을 추가 나는했습니다 여기에 fullstack 설치 프로그램을 사용하여 설치 AngularJS와는 : https://github.com/DaftMonk/generator-angular-fullstack는 AngularJS와 fullstack 설치

지금 원하는 겨 그리드를 포함한다. 어떻게해야합니까? 이미 파일을 node_modules 디렉토리에 복사 한 npm install ng-grid을 실행했습니다. 내 index.html 파일을 업데이트해야합니까, 아니면 그란트 파일을 수동으로 업데이트해야합니까? 그렇다면 누군가 나를 인도 할 수 있습니까? 나를 도울 수있는 온라인을 찾을 수 없습니다.

내 앱에서 @ font-face를 처음 사용하고 싶기 때문에 컴퍼스 (Compass)를 위와 같은 방법으로 이미 설치 한 것 같습니다. 나는 겨 그리드를 포함해야한다 방법을 근무했습니다

나는 ... 이런 종류의 설정에 이전이 아닌 나침반을

감사합니다 :)

UPDATE를 여러 번 사용했습니다. 내가 했어야 와트 내 프로젝트의 디렉토리 내부의 터미널이 있습니다 :

이에/bower_components NG 그리드 파일을 설치 /뿐만 아니라 때, 그래서 내 프로젝트의 루트에있는 bower.json를 업데이트뿐만 아니라
bower install ng-grid --save 

grunt serve을 실행하면 & js가 내 index.html 페이지에 자동으로 추가됩니다. 이제 성공적으로 ng-grid를 사용하여 테이블을 표시하고 있습니다.

그러나 나침반을 성공적으로 설치하는 방법을 찾지 못했습니다. bower install compass-mixins --save-dev을 시도했지만 _fonts.scss 파일을 저장하면 오류가 발생합니다. 나침반 파일을 찾을 수 없다는 오류입니다. 어쩌면 길은 잘못되었지만, 어딘가에 그것이 꼭대기에 놓여 져야한다는 것을 읽을 것입니다 (그게 아니면 그냥 @import "compass";). 경로는 또한 내 글꼴 파일에 잘못된 수도 있지만, 나는 나침반 실행을 얻을 수 있습니다 일단 내가 조사해야 뭔가)

@import "compass/functions"; 
@include font-face("Roboto-Bold", font-files("../assets/fonts/Roboto-Bold-webfont.woff", "../assets/fonts/Roboto-Bold-webfont.eot?#iefix", "../assets/fonts/Roboto-Bold-webfont.ttf", "../assets/fonts/Roboto-Bold-webfont.svg#LatoBlack"), "../assets/fonts/Roboto-Bold-webfont.eot", "normal", "normal"); 

답변

0

어, 난 당신이 NG 그리드에 대한 설치를 필요가 있다고 생각하지 않습니다이다. 전체 스택 설치 프로그램은 서버 측 스택을 설정하기위한 것입니다. ng-grid.js (예 : jQuery)를 구현하는 것처럼 다른 클라이언트 라이브러리 (예 : 클라이언트 브라우저에 전달하려는 다른 js 라이브러리)와 마찬가지로 액세스 할 수 있어야합니다.

그래서, 디렉토리 구조를 가정하고, libs/js라는 폴더가 같은 것을 넣어 : 당신의 index.html의 헤더에

<script type="text/javascript" src="libs/js/ui-ng-grid_2.0.11-0/build/ng-grid.js"></script> 

을 해당 폴더에 NG 그리드의 소스 코드를 넣습니다. 또는 서버에서 지시문을 호스트하지 않으려면 cdn server을 사용하십시오.

아무에게도 내 서버 노드 모듈이 저장되어있는 외부의 사람에게 아무에게도 말하지 않으며 누구에게도 나와 서버 액세스 권한을 부여합니다.

+0

유용한 의견을 보내 주셔서 감사합니다. 그러나 ng-grid 부분을 수행해야하는 방식을 발견했습니다. 내 질문을 업데이 트거야 :) – WastedSpace